@10yun/cv-mobile-ui 0.5.51 → 0.5.52
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.
- package/build/common_func.js +3 -1
- package/build/parse-create.js +17 -8
- package/build/parse-pages-pkg.js +10 -4
- package/empty-devtools.js +3 -0
- package/libs/aes.js +50 -0
- package/libs/bledefine/bledefine.js +51 -0
- package/libs/bledefine/ios-ble-statuscode.js +97 -0
- package/libs/nfc/hexiii-nfc.js +236 -0
- package/libs/nfc.js +179 -0
- package/libs/sdk/html2canvas.js +8 -0
- package/libs/sdk/sdk-h5.js +585 -0
- package/{plugins → libs}/storage2.js +0 -5
- package/{plugins → libs}/storage3.js +0 -4
- package/libs/validators/index.js +438 -0
- package/libs/weapp-qrcode.js +1108 -0
- package/package.json +2 -3
- package/ui-cv/components/cv-dialog-share/tui-share.vue +16 -16
- package/ui-fireui/components/{fui-actionsheet/fui-actionsheet.vue → u-action-sheet/u-action-sheet.vue} +21 -21
- package/ui-fireui/components/{fui-alert/fui-alert.vue → u-alert/u-alert.vue} +13 -13
- package/ui-fireui/components/{fui-badge/fui-badge.vue → u-badge/u-badge.vue} +16 -16
- package/ui-fireui/components/{fui-bottom-navigation/fui-bottom-navigation.vue → u-bottom-navigation/u-bottom-navigation.vue} +47 -46
- package/ui-fireui/components/{fui-bottom-popup/fui-bottom-popup.vue → u-bottom-popup/u-bottom-popup.vue} +9 -8
- package/ui-fireui/components/{fui-bubble-popup/fui-bubble-popup.vue → u-bubble-popup/u-bubble-popup.vue} +19 -15
- package/ui-fireui/components/{fui-button/fui-button.vue → u-button/u-button.vue} +69 -69
- package/ui-fireui/components/u-button/u-button2.vue +553 -0
- package/ui-fireui/components/{fui-calendar/fui-calendar.vue → u-calendar/u-calendar.vue} +78 -78
- package/ui-fireui/components/u-calendar/u-calendar2.vue +801 -0
- package/ui-fireui/components/{fui-card/fui-card.vue → u-card/u-card.vue} +24 -24
- package/ui-fireui/components/{fui-cascade-selection/fui-cascade-selection.vue → u-cascade-selection/u-cascade-selection.vue} +32 -32
- package/ui-fireui/components/{fui-circular-progress/fui-circular-progress.vue → u-circular-progress/u-circular-progress.vue} +14 -6
- package/ui-fireui/components/{fui-collapse/fui-collapse.vue → u-collapse/u-collapse.vue} +19 -19
- package/ui-fireui/components/{fui-countdown/fui-countdown.vue → u-countdown/u-countdown.vue} +28 -28
- package/ui-fireui/components/{fui-datetime/fui-datetime.vue → u-datetime/u-datetime.vue} +51 -51
- package/ui-fireui/components/{fui-divider/fui-divider.vue → u-divider/u-divider.vue} +6 -6
- package/ui-fireui/components/{fui-drawer/fui-drawer.vue → u-drawer/u-drawer.vue} +11 -11
- package/ui-fireui/components/{fui-dropdown-list/fui-dropdown-list.vue → u-dropdown-list/u-dropdown-list.vue} +11 -6
- package/ui-fireui/components/{fui-fab/fui-fab.vue → u-fab/u-fab.vue} +30 -30
- package/ui-fireui/components/{fui-footer/fui-footer.vue → u-footer/u-footer.vue} +19 -15
- package/ui-fireui/components/{fui-grid/fui-grid.vue → u-grid/u-grid.vue} +13 -5
- package/ui-fireui/components/{fui-grid-item/fui-grid-item.vue → u-grid-item/u-grid-item.vue} +19 -19
- package/ui-fireui/components/{fui-icon/fui-icon.vue → u-icon/u-icon.vue} +191 -191
- package/ui-fireui/components/{fui-image-cropper/fui-image-cropper.vue → u-image-cropper/u-image-cropper.vue} +44 -44
- package/ui-fireui/components/{fui-image-group/fui-image-group.vue → u-image-group/u-image-group.vue} +7 -7
- package/ui-fireui/components/{fui-keyboard/fui-keyboard.vue → u-keyboard/u-keyboard.vue} +29 -32
- package/ui-fireui/components/{fui-keyboard-input/fui-keyboard-input.vue → u-keyboard-input/u-keyboard-input.vue} +9 -9
- package/ui-fireui/components/{fui-list-cell/fui-list-cell.vue → u-list-cell/u-list-cell.vue} +23 -23
- package/ui-fireui/components/{fui-list-view/fui-list-view.vue → u-list-view/u-list-view.vue} +11 -11
- package/ui-fireui/components/{fui-loading/fui-loading.vue → u-loading/u-loading.vue} +6 -6
- package/ui-fireui/components/{fui-loadmore/fui-loadmore.vue → u-loadmore/u-loadmore.vue} +15 -15
- package/ui-fireui/components/{fui-modal/fui-modal.vue → u-modal/u-modal.vue} +58 -58
- package/ui-fireui/components/{fui-navigation-bar/fui-navigation-bar.vue → u-navigation-bar/u-navigation-bar.vue} +11 -10
- package/ui-fireui/components/{fui-no-data/fui-no-data.vue → u-no-data/u-no-data.vue} +11 -11
- package/ui-fireui/components/{fui-nomore/fui-nomore.vue → u-nomore/u-nomore.vue} +10 -10
- package/ui-fireui/components/{fui-numberbox/fui-numberbox.vue → u-numberbox/u-numberbox.vue} +12 -12
- package/ui-fireui/components/{fui-numberbox-border/fui-numberbox-border.vue → u-numberbox-border/u-numberbox-border.vue} +10 -10
- package/ui-fireui/components/{fui-picture-cropper/fui-picture-cropper.vue → u-picture-cropper/u-picture-cropper.vue} +42 -42
- package/ui-fireui/components/u-picture-cropper/u-picture-cropper.wxs +582 -0
- package/ui-fireui/components/{fui-round-progress/fui-round-progress.vue → u-round-progress/u-round-progress.vue} +2 -2
- package/ui-fireui/components/{fui-scroll-top/fui-scroll-top.vue → u-scroll-top/u-scroll-top.vue} +21 -21
- package/ui-fireui/components/{fui-sharemodel/fui-sharemodel.vue → u-share-model/u-share-model.vue} +24 -24
- package/ui-fireui/components/{fui-skeleton/fui-skeleton.vue → u-skeleton/u-skeleton.vue} +22 -22
- package/ui-fireui/components/{fui-steps/fui-steps.vue → u-steps/u-steps.vue} +27 -27
- package/ui-fireui/components/{fui-sticky/fui-sticky.vue → u-sticky/u-sticky.vue} +4 -4
- package/ui-fireui/components/{fui-sticky-wxs/fui-sticky-wxs.vue → u-sticky-wxs/u-sticky-wxs.vue} +7 -7
- package/ui-fireui/components/u-sticky-wxs/u-sticky.wxs +46 -0
- package/ui-fireui/components/{fui-swipe-action/fui-swipe-action.vue → u-swipe-action/u-swipe-action.vue} +11 -11
- package/ui-fireui/components/{fui-tabbar/fui-tabbar.vue → u-tabbar/u-tabbar.vue} +26 -30
- package/ui-fireui/components/{fui-tabs/fui-tabs.vue → u-tabs/u-tabs.vue} +17 -17
- package/ui-fireui/components/{fui-tabs2/fui-tabs2.vue → u-tabs2/u-tabs2.vue} +17 -17
- package/ui-fireui/components/{fui-tag/fui-tag.vue → u-tag/u-tag.vue} +362 -374
- package/ui-fireui/components/{fui-time-axis/fui-time-axis.vue → u-time-axis/u-time-axis.vue} +3 -3
- package/ui-fireui/components/{fui-timeaxis-item/fui-timeaxis-item.vue → u-timeaxis-item/u-timeaxis-item.vue} +4 -4
- package/ui-fireui/components/{fui-tips/fui-tips.vue → u-tips/u-tips.vue} +20 -20
- package/ui-fireui/components/{fui-toast/fui-toast.vue → u-toast/u-toast.vue} +13 -13
- package/ui-fireui/components/{fui-top-dropdown/fui-top-dropdown.vue → u-top-dropdown/u-top-dropdown.vue} +8 -8
- package/ui-fireui/components/{fui-upload/fui-upload.vue → u-upload/u-upload.vue} +30 -30
- package/ui-fireui/components/u-upload2/u-upload.vue +464 -0
- package/ui-fireui/components/{fui-uploadsamll/fui-uploadsamll.vue → u-uploadsamll/u-uploadsamll.vue} +34 -34
- package/ui-fireui/css/thorui.css +589 -0
- package/ui-fireui/{fireui.css → index.css} +306 -268
- package/ui-fireui/nvue/u-circular-progress/gcanvas/bridge/bridge-weex.js +241 -0
- package/ui-fireui/nvue/u-circular-progress/gcanvas/context-2d/FillStyleLinearGradient.js +18 -0
- package/ui-fireui/nvue/u-circular-progress/gcanvas/context-2d/FillStylePattern.js +8 -0
- package/ui-fireui/nvue/u-circular-progress/gcanvas/context-2d/FillStyleRadialGradient.js +17 -0
- package/ui-fireui/nvue/u-circular-progress/gcanvas/context-2d/RenderingContext.js +666 -0
- package/ui-fireui/nvue/u-circular-progress/gcanvas/context-webgl/ActiveInfo.js +11 -0
- package/ui-fireui/nvue/u-circular-progress/gcanvas/context-webgl/Buffer.js +21 -0
- package/ui-fireui/nvue/u-circular-progress/gcanvas/context-webgl/Framebuffer.js +21 -0
- package/ui-fireui/nvue/u-circular-progress/gcanvas/context-webgl/GLenum.js +298 -0
- package/ui-fireui/nvue/u-circular-progress/gcanvas/context-webgl/GLmethod.js +142 -0
- package/ui-fireui/nvue/u-circular-progress/gcanvas/context-webgl/GLtype.js +23 -0
- package/ui-fireui/nvue/u-circular-progress/gcanvas/context-webgl/Program.js +21 -0
- package/ui-fireui/nvue/u-circular-progress/gcanvas/context-webgl/Renderbuffer.js +21 -0
- package/ui-fireui/nvue/u-circular-progress/gcanvas/context-webgl/RenderingContext.js +1191 -0
- package/ui-fireui/nvue/u-circular-progress/gcanvas/context-webgl/Shader.js +22 -0
- package/ui-fireui/nvue/u-circular-progress/gcanvas/context-webgl/ShaderPrecisionFormat.js +11 -0
- package/ui-fireui/nvue/u-circular-progress/gcanvas/context-webgl/Texture.js +22 -0
- package/ui-fireui/nvue/u-circular-progress/gcanvas/context-webgl/UniformLocation.js +22 -0
- package/ui-fireui/nvue/u-circular-progress/gcanvas/context-webgl/classUtils.js +3 -0
- package/ui-fireui/nvue/u-circular-progress/gcanvas/env/canvas.js +74 -0
- package/ui-fireui/nvue/u-circular-progress/gcanvas/env/image.js +96 -0
- package/ui-fireui/nvue/u-circular-progress/gcanvas/env/tool.js +24 -0
- package/ui-fireui/nvue/u-circular-progress/gcanvas/index.js +47 -0
- package/ui-fireui/nvue/u-circular-progress/u-circular-progress.nvue +203 -0
- package/ui-fireui/nvue/u-icon/icons.js +188 -0
- package/ui-fireui/nvue/u-icon/u-icon.vue +78 -0
- package/ui-fireui/components/fui-picture-cropper/fui-picture-cropper.wxs +0 -560
- package/ui-fireui/components/fui-rate/fui-rate.vue +0 -167
- package/ui-fireui/components/fui-sticky-wxs/fui-sticky.wxs +0 -44
- /package/ui-fireui/components/{fui-calendar/fui-calendar.js → u-calendar/u-calendar.js} +0 -0
|
@@ -1,23 +1,19 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<view
|
|
3
|
-
class="fui-tabbar"
|
|
4
|
-
:class="{ 'fui-tabbar-fixed': isFixed, 'fui-unlined': unlined }"
|
|
5
|
-
:style="{ background: backgroundColor }"
|
|
6
|
-
>
|
|
2
|
+
<view class="up-tabbar" :class="{ 'up-tabbar-fixed': isFixed, 'up-unlined': unlined }" :style="{ background: backgroundColor }">
|
|
7
3
|
<block v-for="(item, index) in tabBar" :key="index">
|
|
8
4
|
<view
|
|
9
|
-
class="
|
|
10
|
-
:class="{ '
|
|
5
|
+
class="up-tabbar-item"
|
|
6
|
+
:class="{ 'up-item-hump': item.hump }"
|
|
11
7
|
:style="{ backgroundColor: item.hump ? backgroundColor : 'none' }"
|
|
12
8
|
@tap="tabbarSwitch(index, item.hump, item.pagePath, item.verify)"
|
|
13
9
|
>
|
|
14
|
-
<view class="
|
|
10
|
+
<view class="up-icon-box" :class="{ 'up-tabbar-hump': item.hump }">
|
|
15
11
|
<image
|
|
16
12
|
:src="current == index ? item.selectedIconPath : item.iconPath"
|
|
17
|
-
:class="[item.hump ? '' : '
|
|
13
|
+
:class="[item.hump ? '' : 'up-tabbar-icon']"
|
|
18
14
|
></image>
|
|
19
15
|
<view
|
|
20
|
-
:class="[item.isDot ? '
|
|
16
|
+
:class="[item.isDot ? 'up-badge-dot' : 'up-badge']"
|
|
21
17
|
:style="{ color: badgeColor, backgroundColor: badgeBgColor }"
|
|
22
18
|
v-if="item.num"
|
|
23
19
|
>
|
|
@@ -25,15 +21,15 @@
|
|
|
25
21
|
</view>
|
|
26
22
|
</view>
|
|
27
23
|
<view
|
|
28
|
-
class="
|
|
29
|
-
:class="{ '
|
|
24
|
+
class="up-text-scale"
|
|
25
|
+
:class="{ 'up-text-hump': item.hump }"
|
|
30
26
|
:style="{ color: current == index ? selectedColor : color }"
|
|
31
27
|
>
|
|
32
28
|
{{ item.text }}
|
|
33
29
|
</view>
|
|
34
30
|
</view>
|
|
35
31
|
</block>
|
|
36
|
-
<view :class="{ '
|
|
32
|
+
<view :class="{ 'up-hump-box': hump }" v-if="hump && !unlined"></view>
|
|
37
33
|
</view>
|
|
38
34
|
</template>
|
|
39
35
|
|
|
@@ -122,7 +118,7 @@ export default {
|
|
|
122
118
|
</script>
|
|
123
119
|
|
|
124
120
|
<style scoped>
|
|
125
|
-
.
|
|
121
|
+
.up-tabbar {
|
|
126
122
|
width: 100%;
|
|
127
123
|
height: 100rpx;
|
|
128
124
|
display: flex;
|
|
@@ -131,7 +127,7 @@ export default {
|
|
|
131
127
|
position: relative;
|
|
132
128
|
}
|
|
133
129
|
|
|
134
|
-
.
|
|
130
|
+
.up-tabbar-fixed {
|
|
135
131
|
position: fixed;
|
|
136
132
|
z-index: 9;
|
|
137
133
|
left: 0;
|
|
@@ -141,7 +137,7 @@ export default {
|
|
|
141
137
|
box-sizing: content-box !important;
|
|
142
138
|
}
|
|
143
139
|
|
|
144
|
-
.
|
|
140
|
+
.up-tabbar::before {
|
|
145
141
|
content: ' ';
|
|
146
142
|
width: 100%;
|
|
147
143
|
position: absolute;
|
|
@@ -153,7 +149,7 @@ export default {
|
|
|
153
149
|
z-index: 3;
|
|
154
150
|
}
|
|
155
151
|
|
|
156
|
-
.
|
|
152
|
+
.up-tabbar-item {
|
|
157
153
|
height: 100%;
|
|
158
154
|
flex: 1;
|
|
159
155
|
display: flex;
|
|
@@ -168,21 +164,21 @@ export default {
|
|
|
168
164
|
z-index: 5;
|
|
169
165
|
}
|
|
170
166
|
|
|
171
|
-
.
|
|
167
|
+
.up-icon-box {
|
|
172
168
|
position: relative;
|
|
173
169
|
}
|
|
174
170
|
|
|
175
|
-
.
|
|
171
|
+
.up-item-hump {
|
|
176
172
|
height: 98rpx;
|
|
177
173
|
}
|
|
178
174
|
|
|
179
|
-
.
|
|
175
|
+
.up-tabbar-icon {
|
|
180
176
|
width: 44rpx;
|
|
181
177
|
height: 44rpx;
|
|
182
178
|
display: block;
|
|
183
179
|
}
|
|
184
180
|
|
|
185
|
-
.
|
|
181
|
+
.up-hump-box {
|
|
186
182
|
width: 88rpx;
|
|
187
183
|
height: 78rpx;
|
|
188
184
|
position: absolute;
|
|
@@ -193,7 +189,7 @@ export default {
|
|
|
193
189
|
z-index: 4;
|
|
194
190
|
}
|
|
195
191
|
|
|
196
|
-
.
|
|
192
|
+
.up-hump-box::after {
|
|
197
193
|
content: ' ';
|
|
198
194
|
height: 200%;
|
|
199
195
|
width: 200%;
|
|
@@ -207,11 +203,11 @@ export default {
|
|
|
207
203
|
display: block;
|
|
208
204
|
}
|
|
209
205
|
|
|
210
|
-
.
|
|
206
|
+
.up-unlined::after {
|
|
211
207
|
height: 0 !important;
|
|
212
208
|
}
|
|
213
209
|
|
|
214
|
-
.
|
|
210
|
+
.up-tabbar-hump {
|
|
215
211
|
width: 80rpx;
|
|
216
212
|
height: 80rpx;
|
|
217
213
|
position: absolute;
|
|
@@ -225,18 +221,18 @@ export default {
|
|
|
225
221
|
z-index: 5;
|
|
226
222
|
}
|
|
227
223
|
|
|
228
|
-
.
|
|
224
|
+
.up-tabbar-hump image {
|
|
229
225
|
width: 76rpx;
|
|
230
226
|
height: 76rpx;
|
|
231
227
|
display: block;
|
|
232
228
|
}
|
|
233
229
|
|
|
234
|
-
.
|
|
230
|
+
.up-hump-active {
|
|
235
231
|
-webkit-transform: translateX(-50%) rotate(135deg);
|
|
236
232
|
transform: translateX(-50%) rotate(135deg);
|
|
237
233
|
}
|
|
238
234
|
|
|
239
|
-
.
|
|
235
|
+
.up-text-scale {
|
|
240
236
|
font-weight: bold;
|
|
241
237
|
transform: scale(0.8);
|
|
242
238
|
font-size: 25rpx;
|
|
@@ -244,7 +240,7 @@ export default {
|
|
|
244
240
|
transform-origin: center 100%;
|
|
245
241
|
}
|
|
246
242
|
|
|
247
|
-
.
|
|
243
|
+
.up-text-hump {
|
|
248
244
|
position: absolute;
|
|
249
245
|
left: 50%;
|
|
250
246
|
bottom: 10rpx;
|
|
@@ -252,7 +248,7 @@ export default {
|
|
|
252
248
|
transform-origin: 0 100%;
|
|
253
249
|
}
|
|
254
250
|
|
|
255
|
-
.
|
|
251
|
+
.up-badge {
|
|
256
252
|
position: absolute;
|
|
257
253
|
font-size: 24rpx;
|
|
258
254
|
height: 32rpx;
|
|
@@ -267,7 +263,7 @@ export default {
|
|
|
267
263
|
justify-content: center;
|
|
268
264
|
}
|
|
269
265
|
|
|
270
|
-
.
|
|
266
|
+
.up-badge-dot {
|
|
271
267
|
position: absolute;
|
|
272
268
|
height: 16rpx;
|
|
273
269
|
width: 16rpx;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<view
|
|
3
|
-
class="
|
|
4
|
-
:class="[isFixed ? '
|
|
3
|
+
class="up-tabs-view"
|
|
4
|
+
:class="[isFixed ? 'up-tabs-fixed' : 'up-tabs-relative', unlined ? 'up-unlined' : '']"
|
|
5
5
|
:style="{
|
|
6
6
|
height: height + 'rpx',
|
|
7
7
|
padding: `0 ${padding}rpx`,
|
|
@@ -12,13 +12,13 @@
|
|
|
12
12
|
<view
|
|
13
13
|
v-for="(item, index) in tabs"
|
|
14
14
|
:key="index"
|
|
15
|
-
class="
|
|
15
|
+
class="up-tabs-item"
|
|
16
16
|
:style="{ width: itemWidth, borderRight: index < tabs.length - 1 ? borderRight : '' }"
|
|
17
17
|
@tap.stop="swichTabs(index)"
|
|
18
18
|
>
|
|
19
19
|
<view
|
|
20
|
-
class="
|
|
21
|
-
:class="{ '
|
|
20
|
+
class="up-tabs-title"
|
|
21
|
+
:class="{ 'up-tabs-active': currentTab == index, 'up-tabs-disabled': item.disabled }"
|
|
22
22
|
:style="{
|
|
23
23
|
color: currentTab == index ? selectedColor : color,
|
|
24
24
|
fontSize: size + 'rpx',
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
</view>
|
|
31
31
|
</view>
|
|
32
32
|
<view
|
|
33
|
-
class="
|
|
33
|
+
class="up-tabs-slider"
|
|
34
34
|
:style="{
|
|
35
35
|
transform: 'translateX(' + scrollLeft + 'px)',
|
|
36
36
|
width: sliderWidth + 'rpx',
|
|
@@ -217,7 +217,7 @@ export default {
|
|
|
217
217
|
</script>
|
|
218
218
|
|
|
219
219
|
<style scoped>
|
|
220
|
-
.
|
|
220
|
+
.up-tabs-view {
|
|
221
221
|
width: 100%;
|
|
222
222
|
box-sizing: border-box;
|
|
223
223
|
display: flex;
|
|
@@ -226,17 +226,17 @@ export default {
|
|
|
226
226
|
z-index: 995;
|
|
227
227
|
}
|
|
228
228
|
|
|
229
|
-
.
|
|
229
|
+
.up-tabs-relative {
|
|
230
230
|
position: relative;
|
|
231
231
|
}
|
|
232
232
|
|
|
233
|
-
.
|
|
233
|
+
.up-tabs-fixed {
|
|
234
234
|
position: fixed;
|
|
235
235
|
left: 0;
|
|
236
236
|
}
|
|
237
237
|
|
|
238
|
-
.
|
|
239
|
-
.
|
|
238
|
+
.up-tabs-fixed::before,
|
|
239
|
+
.up-tabs-relative::before {
|
|
240
240
|
content: '';
|
|
241
241
|
position: absolute;
|
|
242
242
|
border-bottom: 1rpx solid #eaeef1;
|
|
@@ -248,21 +248,21 @@ export default {
|
|
|
248
248
|
left: 0;
|
|
249
249
|
}
|
|
250
250
|
|
|
251
|
-
.
|
|
251
|
+
.up-unlined::before {
|
|
252
252
|
border-bottom: 0 !important;
|
|
253
253
|
}
|
|
254
254
|
|
|
255
|
-
.
|
|
255
|
+
.up-tabs-item {
|
|
256
256
|
display: flex;
|
|
257
257
|
align-items: center;
|
|
258
258
|
justify-content: center;
|
|
259
259
|
}
|
|
260
260
|
|
|
261
|
-
.
|
|
261
|
+
.up-tabs-disabled {
|
|
262
262
|
opacity: 0.6;
|
|
263
263
|
}
|
|
264
264
|
|
|
265
|
-
.
|
|
265
|
+
.up-tabs-title {
|
|
266
266
|
display: flex;
|
|
267
267
|
align-items: center;
|
|
268
268
|
justify-content: center;
|
|
@@ -270,11 +270,11 @@ export default {
|
|
|
270
270
|
z-index: 2;
|
|
271
271
|
}
|
|
272
272
|
|
|
273
|
-
.
|
|
273
|
+
.up-tabs-active {
|
|
274
274
|
transition: all 0.15s ease-in-out;
|
|
275
275
|
}
|
|
276
276
|
|
|
277
|
-
.
|
|
277
|
+
.up-tabs-slider {
|
|
278
278
|
position: absolute;
|
|
279
279
|
left: 0;
|
|
280
280
|
transition: all 0.15s ease-in-out;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<view
|
|
3
|
-
class="
|
|
4
|
-
:class="[isFixed ? '
|
|
3
|
+
class="up-tabs-view"
|
|
4
|
+
:class="[isFixed ? 'up-tabs-fixed' : 'up-tabs-relative', unlined ? 'up-unlined' : '']"
|
|
5
5
|
:style="{
|
|
6
6
|
height: height + 'rpx',
|
|
7
7
|
padding: `0 ${padding}rpx`,
|
|
@@ -12,13 +12,13 @@
|
|
|
12
12
|
<view
|
|
13
13
|
v-for="(item, index) in tabs"
|
|
14
14
|
:key="index"
|
|
15
|
-
class="
|
|
15
|
+
class="up-tabs-item"
|
|
16
16
|
:style="{ width: itemWidth, borderRight: index < tabs.length - 1 ? borderRight : '' }"
|
|
17
17
|
@tap.stop="swichTabs(index)"
|
|
18
18
|
>
|
|
19
19
|
<view
|
|
20
|
-
class="
|
|
21
|
-
:class="{ '
|
|
20
|
+
class="up-tabs-title"
|
|
21
|
+
:class="{ 'up-tabs-active': currentTab == index, 'up-tabs-disabled': item.disabled }"
|
|
22
22
|
:style="{
|
|
23
23
|
color: currentTab == index ? selectedColor : color,
|
|
24
24
|
fontSize: size + 'rpx',
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
</view>
|
|
31
31
|
</view>
|
|
32
32
|
<view
|
|
33
|
-
class="
|
|
33
|
+
class="up-tabs-slider"
|
|
34
34
|
:style="{
|
|
35
35
|
transform: 'translateX(' + scrollLeft + 'px)',
|
|
36
36
|
width: sliderWidth + 'rpx',
|
|
@@ -217,7 +217,7 @@ export default {
|
|
|
217
217
|
</script>
|
|
218
218
|
|
|
219
219
|
<style scoped>
|
|
220
|
-
.
|
|
220
|
+
.up-tabs-view {
|
|
221
221
|
width: 100%;
|
|
222
222
|
box-sizing: border-box;
|
|
223
223
|
display: flex;
|
|
@@ -226,17 +226,17 @@ export default {
|
|
|
226
226
|
z-index: 995;
|
|
227
227
|
}
|
|
228
228
|
|
|
229
|
-
.
|
|
229
|
+
.up-tabs-relative {
|
|
230
230
|
position: relative;
|
|
231
231
|
}
|
|
232
232
|
|
|
233
|
-
.
|
|
233
|
+
.up-tabs-fixed {
|
|
234
234
|
position: fixed;
|
|
235
235
|
left: 0;
|
|
236
236
|
}
|
|
237
237
|
|
|
238
|
-
.
|
|
239
|
-
.
|
|
238
|
+
.up-tabs-fixed::before,
|
|
239
|
+
.up-tabs-relative::before {
|
|
240
240
|
content: '';
|
|
241
241
|
position: absolute;
|
|
242
242
|
border-bottom: 1rpx solid #eaeef1;
|
|
@@ -248,21 +248,21 @@ export default {
|
|
|
248
248
|
left: 0;
|
|
249
249
|
}
|
|
250
250
|
|
|
251
|
-
.
|
|
251
|
+
.up-unlined::before {
|
|
252
252
|
border-bottom: 0 !important;
|
|
253
253
|
}
|
|
254
254
|
|
|
255
|
-
.
|
|
255
|
+
.up-tabs-item {
|
|
256
256
|
display: flex;
|
|
257
257
|
align-items: center;
|
|
258
258
|
justify-content: center;
|
|
259
259
|
}
|
|
260
260
|
|
|
261
|
-
.
|
|
261
|
+
.up-tabs-disabled {
|
|
262
262
|
opacity: 0.6;
|
|
263
263
|
}
|
|
264
264
|
|
|
265
|
-
.
|
|
265
|
+
.up-tabs-title {
|
|
266
266
|
display: flex;
|
|
267
267
|
align-items: center;
|
|
268
268
|
justify-content: center;
|
|
@@ -270,11 +270,11 @@ export default {
|
|
|
270
270
|
z-index: 2;
|
|
271
271
|
}
|
|
272
272
|
|
|
273
|
-
.
|
|
273
|
+
.up-tabs-active {
|
|
274
274
|
transition: all 0.15s ease-in-out;
|
|
275
275
|
}
|
|
276
276
|
|
|
277
|
-
.
|
|
277
|
+
.up-tabs-slider {
|
|
278
278
|
position: absolute;
|
|
279
279
|
left: 0;
|
|
280
280
|
transition: all 0.15s ease-in-out;
|