@xtdev/xt-miniprogram-ui 1.0.22 → 1.1.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,6 @@
1
1
  {
2
- "component": true,
2
+ "component": true,
3
+ "styleIsolation": "apply-shared",
3
4
  "usingComponents": {
4
5
  "xt-icon": "../xt-icon/index"
5
6
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "component": true,
3
- "multipleSlots": true,
3
+ "styleIsolation": "apply-shared",
4
4
  "usingComponents": {
5
5
  }
6
6
  }
@@ -1,21 +1,21 @@
1
1
  <view class="list-item">
2
2
  <slot wx:if="{{headerSlot}}" name="header"></slot>
3
- <view wx:else class="head">
4
- <view class="flex-between ac">
5
- <view class="ft20 c000 bold title-width">{{item.title}}</view>
6
- <view wx:if="{{item.subTitle}}" class="sub-title" style="color: {{item.subTitleColor}};">
3
+ <view wx:else class="xt-card-cell-head">
4
+ <view class="flex-between align-center">
5
+ <view class="xt-card-cell-title">{{item.title}}</view>
6
+ <view wx:if="{{item.subTitle}}" class="xt-card-cell-sub-title" style="color: {{item.subTitleColor}};">
7
7
  {{item.subTitle}}
8
8
  </view>
9
9
  </view>
10
10
  </view>
11
11
  <slot wx:if="{{contentSlot}}" name="content"></slot>
12
12
  <view wx:else class="card-cell-content">
13
- <view class="flex-between center" wx:for="{{item.dataList}}" wx:for-item="_item" wx:key="index">
14
- <view class="center-left">{{_item.label}}</view>
15
- <view wx:if="{{_item.valueType === 'text' || !_item.valueType}}" class="center-right">
13
+ <view class="flex-between card-cell-item" wx:for="{{item.dataList}}" wx:for-item="_item" wx:key="index">
14
+ <view class="card-cell-item-left">{{_item.label}}</view>
15
+ <view wx:if="{{_item.valueType === 'text' || !_item.valueType}}" class="card-cell-item-right">
16
16
  {{_item.value}}
17
17
  </view>
18
- <view bindtap="call" data-tel="{{_item.value}}" wx:elif="{{_item.valueType === 'tel'}}" class="center-right">
18
+ <view bindtap="call" data-tel="{{_item.value}}" wx:elif="{{_item.valueType === 'tel'}}" class="card-cell-item-right">
19
19
  {{_item.value}}
20
20
  <view class="call-box">
21
21
  <image src="https://img.tanjiu.cn/home/4Cp4kKzMK77cNfhDhnFnTzBJKyNd6iEX.png"></image>
@@ -1,116 +1,7 @@
1
- /* page {
2
- height: 100%;
3
- } */
4
- .c222 {
5
- color: #222;
6
- }
7
-
8
- .c999 {
9
- color: #999;
10
- }
11
-
12
- .red {
13
- color: red;
14
- }
15
-
16
- .ft14 {
17
- font-size: 28rpx;
18
- line-height: 40rpx;
19
- }
20
-
21
- .ft20 {
22
- font-size: 40rpx;
23
- }
24
-
25
- .ft17 {
26
- font-size: 34rpx;
27
- line-height: 48rpx;
28
- }
29
-
30
- .bold {
31
- font-weight: 800;
32
- }
33
-
34
- .mt8 {
35
- margin-top: 16rpx;
36
- }
37
-
38
- .ml12 {
39
- margin-left: 24rpx;
40
- }
41
-
42
- .flex {
43
- display: flex;
44
- /* align-items: center; */
45
- justify-content: space-between;
46
- }
47
-
48
- .flex1 {
49
- flex: 1;
50
- }
51
-
52
- .ac {
1
+ .align-center {
53
2
  align-items: center;
54
3
  }
55
4
 
56
- .flex-end {
57
- display: flex;
58
- justify-content: flex-end;
59
- }
60
-
61
- /* 顶部筛选 */
62
- .top-content {
63
- /* width: 750rpx; */
64
- display: flex;
65
- flex-wrap: wrap;
66
- box-sizing: border-box;
67
- padding: 24rpx 0 4rpx 24rpx;
68
- background: white;
69
- border-radius: 16rpx;
70
- }
71
-
72
- .top-item {
73
- font-size: 28rpx;
74
- line-height: 40rpx;
75
- padding: 12rpx 20rpx;
76
- background-color: #f6f6f6;
77
- border-radius: 8rpx;
78
- color: #000000;
79
- margin-right: 20rpx;
80
- margin-bottom: 20rpx;
81
- }
82
-
83
- .top-item-hover {
84
- color: #6900a7;
85
- background-color: #f5edff;
86
- border: 2rpx solid #6900a7;
87
- padding: 10rpx 18rpx;
88
- font-weight: 600;
89
- }
90
-
91
- /* 搜索 */
92
- .search-div {
93
- margin: 24rpx auto;
94
- width: 702rpx;
95
- /* padding: 24rpx 24rpx; */
96
- background-color: #f5f5f5;
97
- }
98
-
99
- .fix-top {
100
- /* position: fixed;
101
- top: 0;
102
- left: 0; */
103
- }
104
-
105
- /* 列表 */
106
- .invite-content {
107
- width: 100%;
108
- /* height: calc(100% - 300rpx); */
109
- /* overflow-y: auto; */
110
- /* margin-top: 24rpx; */
111
- /* padding-top: calc(100% - 280rpx); */
112
- }
113
-
114
5
  /* 中间列表 */
115
6
  .list-item {
116
7
  /* padding: 0 24rpx 32rpx; */
@@ -121,7 +12,7 @@
121
12
  box-sizing: border-box;
122
13
  }
123
14
 
124
- .head {
15
+ .xt-card-cell-head {
125
16
  padding: 32rpx 0;
126
17
  width: 100%;
127
18
  border-bottom: 2rpx solid #ededed;
@@ -129,108 +20,28 @@
129
20
  word-break: break-all;
130
21
  }
131
22
 
132
- .head1 {
133
- padding: 24rpx 0 0;
134
- width: 100%;
135
- border-top: 2rpx solid #ededed;
136
- word-break: break-all;
137
- margin-top: 24rpx;
138
- color: #159c4e;
139
- font-size: 24rpx;
140
- }
141
-
142
- .title-width {
23
+ .xt-card-cell-title {
143
24
  max-width: 500rpx;
25
+ font-weight: 800;
26
+ font-size: 40rpx;
144
27
  }
145
28
 
146
- .appealcomplain {
147
- position: relative;
148
- height: 88rpx;
149
- margin-top: 24rpx;
150
- width: 100%;
151
- border-top: 2rpx solid #eeeeee;
152
- font-size: 28rpx;
153
- line-height: 40rpx;
154
- color: #999999;
155
- }
156
-
157
- .appealcomplain .grey {
158
- position: absolute;
159
- left: 0rpx;
160
- top: 36rpx;
161
- }
162
-
163
- .appealcomplain .grey .van-count-down {
164
- display: inline-block;
165
- color: #f5222d;
166
- }
167
-
168
- .appealcomplain .btn {
169
- position: absolute;
170
- right: 0rpx;
171
- top: 24rpx;
172
- padding: 12rpx 32rpx;
173
- background: #6900a7;
174
- border-radius: 8rpx;
175
- color: #fff;
176
- }
177
-
178
- .appealcomplain .btn-grey {
179
- background: #dddddd;
180
- }
181
-
182
- .head-right {
183
- font-size: 28rpx;
184
- color: #cb7a00;
185
- line-height: 45rpx;
186
- width: 220rpx;
187
- margin-left: 40rpx;
188
- text-align: right;
189
- }
190
-
191
- .address {
192
- margin-top: 12rpx;
193
- color: #222222;
194
- font-size: 24rpx;
195
- line-height: 34rpx;
196
- }
197
-
198
- .change-btn {
199
- height: 40rpx;
200
- line-height: 40rpx;
201
- font-size: 28rpx;
202
- color: #222222;
203
- padding: 0 12rpx;
204
- border-radius: 8rpx;
205
- border: 2rpx solid #999999;
206
- margin-left: 16rpx;
207
- display: flex;
208
- align-items: center;
209
- }
210
-
211
- .phone-img {
212
- width: 28rpx;
213
- height: 28rpx;
214
- margin-right: 8rpx;
215
- }
216
-
217
- .address-w {
218
- /* max-width: 400rpx; */
219
- line-height: 40rpx;
220
- flex-wrap: wrap;
29
+ .xt-card-cell-sub-title {
30
+ font-size: 34rpx;
31
+ font-family: PingFang SC-Semibold, PingFang SC;
32
+ font-weight: 600;
33
+ line-height: 48rpx;
221
34
  }
222
-
223
35
  .flex-between {
224
36
  display: flex;
225
37
  justify-content: space-between;
226
38
  }
227
39
 
228
- .center {
40
+ .card-cell-item {
229
41
  margin-top: 16rpx;
230
42
  font-size: 28rpx;
231
43
  }
232
-
233
- .center-left {
44
+ .card-cell-item-left {
234
45
  width: 188rpx;
235
46
  margin-right: 20rpx;
236
47
  color: #666666;
@@ -240,46 +51,7 @@
240
51
  line-height: 48rpx;
241
52
  white-space: nowrap;
242
53
  }
243
-
244
- .sub-title {
245
- font-size: 34rpx;
246
- font-family: PingFang SC-Semibold, PingFang SC;
247
- font-weight: 600;
248
- line-height: 48rpx;
249
- }
250
-
251
- .w90 {
252
- width: 210rpx;
253
- }
254
-
255
- .center-left1 {
256
- width: 196rpx;
257
- }
258
-
259
- .pop-detail-center {
260
- height: calc(90vh - 100rpx);
261
- overflow-y: auto;
262
- padding-bottom: 60rpx;
263
- box-sizing: border-box;
264
- }
265
-
266
- .has-appealcomplain {
267
- height: calc(90vh - 236rpx);
268
- }
269
-
270
- .pop-detail .center-left {
271
- height: auto;
272
- }
273
-
274
- .long-title {
275
- width: 100%;
276
- }
277
-
278
- .pop-detail .center-left {
279
- height: auto;
280
- }
281
-
282
- .center-right {
54
+ .card-cell-item-right {
283
55
  text-align: right;
284
56
  color: #000000;
285
57
  font-size: 34rpx;
@@ -288,7 +60,6 @@
288
60
  display: flex;
289
61
  align-items: center;
290
62
  }
291
-
292
63
  .call-box {
293
64
  padding: 6rpx 12rpx;
294
65
  font-size: 24rpx;
@@ -304,206 +75,8 @@
304
75
  margin-left: 14rpx;
305
76
  white-space: nowrap;
306
77
  }
307
-
308
78
  .call-box image {
309
79
  width: 24rpx;
310
80
  height: 24rpx;
311
81
  margin-right: 6rpx;
312
82
  }
313
-
314
- .look {
315
- border-bottom: 2rpx solid #6900a7;
316
- color: #6900a7;
317
- }
318
-
319
- .hover-btn {
320
- border: none;
321
- background-color: #6900a7;
322
- color: white;
323
- }
324
-
325
- .wait {
326
- color: #cb7a00;
327
- }
328
-
329
- .refuse {
330
- color: #f5222d;
331
- }
332
-
333
- .c672 {
334
- color: #6722ab;
335
- }
336
-
337
- .mt16 {
338
- margin-top: 16rpx;
339
- }
340
-
341
- .pb16 {
342
- padding-bottom: 32rpx;
343
- }
344
-
345
- .pb24 {
346
- padding-bottom: 24rpx;
347
- }
348
-
349
- /* 日期选择 */
350
- .datebew {
351
- display: flex;
352
- align-items: center;
353
- justify-content: space-between;
354
- padding: 0 24rpx;
355
- box-sizing: border-box;
356
- margin-bottom: 24rpx;
357
- }
358
-
359
- .datepg {
360
- padding: 16rpx 24rpx;
361
- background: #fff;
362
- }
363
-
364
- .dateflex {
365
- display: flex;
366
- align-items: center;
367
- /* padding:16rpx 24rpx */
368
- }
369
-
370
- .datesel {
371
- border-radius: 16rpx;
372
- padding: 12rpx 16rpx;
373
- width: 216rpx;
374
- height: 64rpx;
375
- box-sizing: border-box;
376
- font-size: 28rpx;
377
- display: flex;
378
- justify-content: space-between;
379
- align-items: center;
380
- }
381
-
382
- .dateF5 {
383
- background: #f5f5f5;
384
- }
385
-
386
- .datebf {
387
- background: #ffffff;
388
- }
389
-
390
- .todate {
391
- margin: 0 16rpx;
392
- color: #999999;
393
- font-size: 28rpx;
394
- }
395
-
396
- .c999999 {
397
- color: #999999;
398
- }
399
-
400
- .yanxi-title {
401
- color: #222222;
402
- font-size: 28rpx;
403
- }
404
-
405
- .yanxi-title view {
406
- padding: 0 4rpx;
407
- }
408
-
409
- /* 宴席详情视频展示 */
410
- .item-image {
411
- width: 196rpx;
412
- height: 196rpx;
413
- border-radius: 8rpx;
414
- margin-top: 16rpx;
415
- margin-right: 32rpx;
416
- position: relative;
417
- }
418
-
419
- .item-image image {
420
- width: 200rpx;
421
- height: 200rpx;
422
- border-radius: 8rpx;
423
- }
424
-
425
- .item-image .play-icon {
426
- width: 60rpx;
427
- height: 60rpx;
428
- position: absolute;
429
- top: 68rpx;
430
- left: 68rpx;
431
- }
432
-
433
- .item-image .delete-iamge-icon {
434
- position: absolute;
435
- top: 0;
436
- right: 0;
437
- z-index: 10;
438
- width: 32rpx;
439
- height: 32rpx;
440
- }
441
-
442
- .photo-btn {
443
- display: flex;
444
- align-items: center;
445
- justify-content: center;
446
- background: rgba(197, 197, 207, 0.4);
447
- }
448
-
449
- .notify {
450
- width: 100%;
451
- height: 66rpx;
452
- background: #fff7e6;
453
- color: #cb7a00;
454
- font-size: 24rpx;
455
- display: flex;
456
- justify-content: space-between;
457
- align-items: center;
458
- padding: 0 24rpx;
459
- box-sizing: border-box;
460
- }
461
-
462
- .photo-btn image {
463
- width: 66rpx;
464
- height: 60rpx;
465
- }
466
-
467
- .mt2 {
468
- margin-top: 4rpx;
469
- }
470
-
471
- .change-cont {
472
- display: flex;
473
- align-items: center;
474
- margin: 24rpx 0;
475
- width: 100%;
476
- padding: 24rpx;
477
- background-color: rgba(242, 107, 39, 0.2);
478
- color: #f26b27;
479
- box-sizing: border-box;
480
- font-size: 28rpx;
481
- font-weight: 800;
482
- border-radius: 16rpx;
483
- }
484
-
485
- .yanxi-change-btn {
486
- color: white;
487
- background-color: rgba(242, 107, 39, 1);
488
- border-radius: 24rpx;
489
- font-size: 24rpx;
490
- height: 40rpx;
491
- width: 80rpx;
492
- display: flex;
493
- align-items: center;
494
- justify-content: center;
495
- line-height: 34rpx;
496
- margin-left: 16rpx;
497
- }
498
-
499
- .cff4 {
500
- color: #ff4d4d;
501
- }
502
-
503
- .card-cell-content{
504
- /* padding-bottom: 32rpx; */
505
- }
506
- .card-cell-footer{
507
- /* text-align: right;
508
- border-top: 1rpx solid #ededed; */
509
- }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "component": true,
3
- "multipleSlots": true,
3
+ "styleIsolation": "apply-shared",
4
4
  "usingComponents": {
5
5
  "xt-icon": "../xt-icon"
6
6
  }
@@ -1,4 +1,5 @@
1
1
  {
2
2
  "component": true,
3
+ "styleIsolation": "apply-shared",
3
4
  "usingComponents": {}
4
5
  }
@@ -4,7 +4,7 @@
4
4
  <view class="dialog_mask" wx:if="{{type=='nomal'}}">
5
5
  <view class="dialog_box">
6
6
  <view class="title" wx:if="{{title}}">{{title}}</view>
7
- <view class="content" style="font-weight:{{title?400:800}};">{{message}}</view>
7
+ <view class="content" style="font-weight:{{title?400:800}};">{{message}}<slot /></view>
8
8
  <view class="default_btn" catchtap="confirmBtn" data-confirmtype="nomalDialog" wx:if="{{showConfirmButton}}">{{confirmButtonText}}</view>
9
9
  <view class="cancel_btn" catchtap="cancelBtn" wx:if="{{showCancelButton}}">{{cancelButtonText}}</view>
10
10
  </view>
@@ -14,7 +14,7 @@
14
14
  <view class="dialog_box">
15
15
  <view class="title" wx:if="{{title}}">{{title}}</view>
16
16
  <image class="image" wx:if="{{imageUrl}}" src="{{imageUrl}}"></image>
17
- <view class="content">{{message}}</view>
17
+ <view class="content">{{message}}<slot /></view>
18
18
  <view class="default_btn" catchtap="confirmBtn" data-confirmtype="imageTextDialog" wx:if="{{showConfirmButton}}">{{confirmButtonText}}</view>
19
19
  <view class="cancel_btn" catchtap="cancelBtn" wx:if="{{showCancelButton}}">{{cancelButtonText}}</view>
20
20
  </view>
@@ -26,6 +26,7 @@
26
26
  <view class="inp_wrapper">
27
27
  <textarea class="inp_content" value="{{inpVal}}" maxlength="{{48}}" disable-default-padding adjust-position auto-height auto-focus placeholder="{{placeholder}}" placeholder-style="color: #999;" bindblur="onInputBlur"/>
28
28
  </view>
29
+ <slot />
29
30
  <view class="default_btn" catchtap="confirmBtn" data-confirmtype="inputDialog" wx:if="{{showConfirmButton}}">{{confirmButtonText}}</view>
30
31
  <view class="cancel_btn" catchtap="cancelBtn" wx:if="{{showCancelButton}}">{{cancelButtonText}}</view>
31
32
  </view>
@@ -43,6 +44,7 @@
43
44
  </view>
44
45
  </view>
45
46
  </view>
47
+ <slot />
46
48
  <view class="default_btn" catchtap="confirmBtn" data-confirmtype="chooseDialog" wx:if="{{showConfirmButton}}">{{confirmButtonText}}</view>
47
49
  <view class="cancel_btn" catchtap="cancelBtn" wx:if="{{showCancelButton}}">{{cancelButtonText}}</view>
48
50
  </view>
@@ -1,4 +1,5 @@
1
1
  {
2
2
  "component": true,
3
+ "styleIsolation": "apply-shared",
3
4
  "usingComponents": {}
4
5
  }
@@ -1,5 +1,6 @@
1
1
  {
2
2
  "component": true,
3
+ "styleIsolation": "apply-shared",
3
4
  "usingComponents": {
4
5
  "xt-icon": "../xt-icon"
5
6
  }
@@ -1,5 +1,6 @@
1
1
  {
2
2
  "component": true,
3
+ "styleIsolation": "apply-shared",
3
4
  "usingComponents": {
4
5
  "xt-icon": "../xt-icon"
5
6
  }
@@ -1,16 +1,16 @@
1
1
  <!--components/xt-search.wxml-->
2
- <view class="xt-seatch-container">
3
- <view class="search-box {{isActive? 'search-active':''}} {{isCircle? 'search-box-circle' : ''}}">
4
- <xt-icon class="search-icon" slot="left-icon" icon="sousuo" size="32"></xt-icon>
5
- <view wx:if="{{remote}}" class="search-input {{inputVal ?'' : 'placeholder'}}" bind:tap="onFocus">
2
+ <view class="xt-search-container">
3
+ <view class=".xt-search-box {{isActive? 'xt-search-active':''}} {{isCircle? 'search-box-circle' : ''}}">
4
+ <xt-icon class="xt-search-icon" slot="left-icon" icon="sousuo" size="32"></xt-icon>
5
+ <view wx:if="{{remote}}" class="xt-search-input {{inputVal ?'' : 'placeholder'}}" bind:tap="onFocus">
6
6
  {{inputVal||placeholder}}
7
7
  </view>
8
- <input wx:else class="search-input" placeholder-class="palceholder" confirm-type="search" bind:focus="onFocus" bindblur="onBlur" bindinput="onInput" value="{{ inputVal }}" bind:confirm="onSearch" focus="{{isFocus}}" placeholder="{{placeholder}}" />
9
- <view slot="action" class="search-btn {{isCircle? 'search-btn-circle' : ''}}" placeholder="{{placeholder}}">
10
- <view wx:if="{{inputVal}}" class="clearimg-box" catchtap="clearInpVal">
11
- <xt-icon class="clear-img" icon="shibai-xiao" size="32"></xt-icon>
8
+ <input wx:else class="xt-search-input" placeholder-class="xt-palceholder" confirm-type="search" bind:focus="onFocus" bindblur="onBlur" bindinput="onInput" value="{{ inputVal }}" bind:confirm="onSearch" focus="{{isFocus}}" placeholder="{{placeholder}}" />
9
+ <view slot="action" class="xt-search-btn {{isCircle? 'xt-search-btn-circle' : ''}}" placeholder="{{placeholder}}">
10
+ <view wx:if="{{inputVal}}" class="xt-clearimg-box" catchtap="clearInpVal">
11
+ <xt-icon class="xt-clear-img" icon="shibai-xiao" size="32"></xt-icon>
12
12
  </view>
13
- <text bind:tap="onSearch" class="search-text">{{rightBtnText}}</text>
13
+ <text bind:tap="onSearch" class="xt-search-text">{{rightBtnText}}</text>
14
14
  </view>
15
15
  </view>
16
16
  <view slot="show-more"></view>
@@ -1,10 +1,10 @@
1
1
  /* components/xt-search.wxss */
2
- .xt-seatch-container {
2
+ .xt-search-container {
3
3
  position: relative;
4
4
  display: flex;
5
5
  }
6
6
 
7
- .search-box {
7
+ .xt-search-box {
8
8
  border: 2rpx solid #dddddd;
9
9
  background-color: white;
10
10
  box-sizing: border-box;
@@ -18,38 +18,38 @@
18
18
  flex: 1;
19
19
  }
20
20
 
21
- .search-box-circle {
21
+ .xt-search-box.search-box-circle {
22
22
  border-radius: 40rpx;
23
23
  }
24
24
 
25
- .search-icon {
25
+ .xt-search-icon {
26
26
  color: #999999;
27
27
  padding-left: 24rpx;
28
28
  padding-right: 8rpx;
29
29
  }
30
30
 
31
- .search-input {
31
+ .xt-search-input {
32
32
  width: 100%;
33
33
  flex: 1;
34
34
  font-size: 34rpx;
35
35
  font-weight: 400;
36
36
  }
37
37
 
38
- .palceholder {
38
+ .xt-palceholder {
39
39
  font-size: 34rpx;
40
40
  color: #999999;
41
41
  }
42
42
 
43
- .clearimg-box {
43
+ .xt-clearimg-box {
44
44
  width: 64rpx;
45
45
  }
46
46
 
47
- .clear-img {
47
+ .xt-clear-img {
48
48
  z-index: 999;
49
49
  color: #B8B8B8;
50
50
  }
51
51
 
52
- .search-btn {
52
+ .xt-search-btn {
53
53
  display: flex;
54
54
  align-items: center;
55
55
  height: 40rpx;
@@ -60,7 +60,7 @@
60
60
  color: #6722ab;
61
61
  }
62
62
 
63
- .search-btn .search-text {
63
+ .xt-search-btn .xt-search-text {
64
64
  font-size: 34rpx;
65
65
  width: 120rpx;
66
66
  display: inline-block;
@@ -68,15 +68,15 @@
68
68
  line-height: 32rpx !important;
69
69
  }
70
70
 
71
- .search-btn-circle .search-text {
71
+ .xt-search-btn-circle .xt-search-text {
72
72
  width: 132rpx;
73
73
  font-size: 34rpx;
74
74
  }
75
75
 
76
- .search-active {
76
+ .xt-search-active {
77
77
  border-color: #6722ab;
78
78
  }
79
79
 
80
- .placeholder {
80
+ .xt-placeholder {
81
81
  color: #999999;
82
82
  }
@@ -1,4 +1,5 @@
1
1
  {
2
2
  "navigationBarTitleText": "",
3
+ "styleIsolation": "apply-shared",
3
4
  "usingComponents": {}
4
5
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "component": true,
3
- "multipleSlots": true,
3
+ "styleIsolation": "apply-shared",
4
4
  "usingComponents": {
5
5
  "xt-icon": "../xt-icon/index"
6
6
  }
@@ -1,5 +1,6 @@
1
1
  {
2
2
  "component": true,
3
+ "styleIsolation": "apply-shared",
3
4
  "usingComponents": {
4
5
  }
5
6
  }
@@ -1,10 +1,10 @@
1
1
  <view style="background-color: {{cardBgColor}};border-color:{{type === 'card' ? borderColor : ''}}" class="{{type === 'card' ? 'xt-tabs xt-tabs-card' : 'xt-tabs'}}">
2
2
  <view bind:tap="tabClick" data-index="{{index}}" data-item="{{item}}" wx:for="{{list}}" wx:if="{{type === 'line'}}" class="{{active === index ? 'xt-tab active' : 'xt-tab'}}">
3
- <view class="title">{{item.title}}</view>
4
- <view wx:if="{{item.subTitle}}" class="sub-title">{{item.subTitle}}</view>
3
+ <view class="xt-tab-title">{{item.title}}</view>
4
+ <view wx:if="{{item.subTitle}}" class="xt-tab-sub-title">{{item.subTitle}}</view>
5
5
  <view wx:if="{{active === index}}" class="{{item.subTitle ? 'bottom-line sub-bottom-line' : 'bottom-line'}}"></view>
6
6
  </view>
7
7
  <view bind:tap="tabClick" data-index="{{index}}" wx:for="{{list}}" data-item="{{item}}" wx:if="{{type === 'card'}}" class="{{active === index ? 'xt-tab xt-tab-card active' : 'xt-tab xt-tab-card'}}">
8
- <view style="color: {{active === index ? '' : item.titleColor}};" class="title">{{item.title}}</view>
8
+ <view style="color: {{active === index ? '' : item.titleColor}};" class="xt-tab-title">{{item.title}}</view>
9
9
  </view>
10
10
  </view>
@@ -21,11 +21,11 @@
21
21
  /* width: 100%; */
22
22
  }
23
23
 
24
- .title {
24
+ .xt-tab-title {
25
25
  height: 56rpx;
26
26
  }
27
27
 
28
- .sub-title {
28
+ .xt-tab-sub-title {
29
29
  height: 44rpx;
30
30
  font-size: 32rpx;
31
31
  font-family: PingFang SC-Regular, PingFang SC;
@@ -33,7 +33,7 @@
33
33
  color: #000000;
34
34
  }
35
35
 
36
- .active .sub-title {
36
+ .active .xt-tab-sub-title {
37
37
  height: 44rpx;
38
38
  font-size: 32rpx;
39
39
  font-family: PingFang SC-Semibold, PingFang SC;
@@ -70,7 +70,7 @@
70
70
  border-radius: 60rpx;
71
71
  }
72
72
 
73
- .xt-tab-card .title {
73
+ .xt-tab-card .xt-tab-title {
74
74
  line-height: 72rpx;
75
75
  height: 72rpx;
76
76
  }
@@ -1,5 +1,6 @@
1
1
  {
2
2
  "component": true,
3
+ "styleIsolation": "apply-shared",
3
4
  "usingComponents": {
4
5
  "xt-icon": "../xt-icon/index"
5
6
  }
@@ -1,5 +1,6 @@
1
1
  {
2
2
  "component": true,
3
+ "styleIsolation": "apply-shared",
3
4
  "usingComponents": {
4
5
  "xt-icon": "../xt-icon"
5
6
  }
@@ -1,6 +1,6 @@
1
1
  {
2
- "component": true,
3
- "styleIsolation": "isolated",
2
+ "component": true,
3
+ "styleIsolation": "apply-shared",
4
4
  "usingComponents": {
5
5
  "xt-icon": "../xt-icon/index"
6
6
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xtdev/xt-miniprogram-ui",
3
- "version": "1.0.22",
3
+ "version": "1.1.24",
4
4
  "description": "",
5
5
  "miniprogram": "libs",
6
6
  "publishConfig": {