vdesign-ui 0.1.18 → 0.1.20
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/dist/components/activityviews/index.vue +17 -16
- package/dist/components/activityviews/style.less +2 -14
- package/dist/components/dialog/index.vue +105 -54
- package/dist/components/dialog/overlay-manager.js +18 -0
- package/dist/components/dialog/style.less +1 -1
- package/dist/components/empty/404-dark.png +0 -0
- package/dist/components/empty/index.vue +36 -6
- package/dist/components/empty/network-dark.png +0 -0
- package/dist/components/empty/nodata-dark.png +0 -0
- package/dist/components/empty/style.less +7 -0
- package/dist/components/footnav/index.vue +20 -5
- package/dist/components/footnav/style.less +2 -1
- package/dist/components/headnav/index.vue +78 -54
- package/dist/components/headnav/style.less +13 -0
- package/dist/components/icon/font/iconfont.css +1050 -1041
- package/dist/components/icon/font/iconfont.js +1 -1
- package/dist/components/input/index.vue +1 -1
- package/dist/components/input/password/index.vue +1 -1
- package/dist/components/input/style.less +3 -3
- package/dist/components/result/index.vue +9 -0
- package/dist/components/tabs/style.less +2 -0
- package/dist/img/404-dark.775df5bb.png +0 -0
- package/dist/img/network-dark.11a147bb.png +0 -0
- package/dist/img/nodata-dark.b0ea0e39.png +0 -0
- package/dist/token.css +4 -3
- package/dist/vdesign-ui.common.js +426 -247
- package/dist/vdesign-ui.css +1 -1
- package/dist/vdesign-ui.umd.js +426 -247
- package/dist/vdesign-ui.umd.min.js +3 -3
- package/package.json +1 -1
- /package/dist/components/empty/{empty-404.png → 404.png} +0 -0
- /package/dist/components/empty/{empty-network.png → network.png} +0 -0
- /package/dist/components/empty/{empty-img.png → nodata.png} +0 -0
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<input type="tel" :maxlength="length" v-model="innerValue" @input="handleInput" @focus="handleFocus"
|
|
4
4
|
@blur="handleBlur" class="vd-password__input" />
|
|
5
5
|
<div class="vd-password__security">
|
|
6
|
-
<div class="vd-password__item" v-for="n in length" :key="n" :class="{ 'is-filled': n
|
|
6
|
+
<div class="vd-password__item" v-for="n in length" :key="n" :class="{ 'vd-password-is-filled': n === innerValue.length + 1 }">
|
|
7
7
|
<template v-if="mask">
|
|
8
8
|
<i v-if="n <= innerValue.length" class="mask-icon"></i>
|
|
9
9
|
</template>
|
|
@@ -389,7 +389,7 @@
|
|
|
389
389
|
|
|
390
390
|
|
|
391
391
|
&--gray {
|
|
392
|
-
background-color: var(--
|
|
392
|
+
background-color: var(--bg-color-3);
|
|
393
393
|
border-radius: calc(var(--radius-input-bg) * 1px);
|
|
394
394
|
|
|
395
395
|
}
|
|
@@ -450,7 +450,7 @@
|
|
|
450
450
|
height: calc(var(--height-input-code_number_line) * 1px);
|
|
451
451
|
}
|
|
452
452
|
|
|
453
|
-
&.is-filled {
|
|
453
|
+
&.vd-password-is-filled {
|
|
454
454
|
&::after {
|
|
455
455
|
background-color: var(--color-input-form-border-active);
|
|
456
456
|
}
|
|
@@ -463,7 +463,7 @@
|
|
|
463
463
|
left: 50%;
|
|
464
464
|
width: 16px;
|
|
465
465
|
height: 16px;
|
|
466
|
-
background-color:
|
|
466
|
+
background-color: var(--color-input-text-active);
|
|
467
467
|
border-radius: 100%;
|
|
468
468
|
-webkit-transform: translate(-50%, -50%);
|
|
469
469
|
transform: translate(-50%, -50%);
|
|
@@ -55,8 +55,17 @@ export default {
|
|
|
55
55
|
},
|
|
56
56
|
},
|
|
57
57
|
methods: {
|
|
58
|
+
preloadImages() {
|
|
59
|
+
Object.values(this.defaultImgs).forEach((modes) => {
|
|
60
|
+
Object.values(modes).forEach((src) => {
|
|
61
|
+
const img = new Image();
|
|
62
|
+
img.src = src;
|
|
63
|
+
});
|
|
64
|
+
});
|
|
65
|
+
}
|
|
58
66
|
},
|
|
59
67
|
mounted() {
|
|
68
|
+
this.preloadImages();
|
|
60
69
|
},
|
|
61
70
|
}
|
|
62
71
|
</script>
|
|
@@ -186,6 +186,7 @@
|
|
|
186
186
|
position: relative;
|
|
187
187
|
display: flex;
|
|
188
188
|
// background-color: #F7F8F9;
|
|
189
|
+
background-color: var(--color-tab-selector-bg-default);
|
|
189
190
|
border-radius: calc(var(--radius-tab-selector_card) * 1px);
|
|
190
191
|
padding-inline-start: calc(var(--spacing-tab-selector-margin_left) * 1px);
|
|
191
192
|
padding-inline-end: calc(var(--spacing-tab-selector-margin_right) * 1px);
|
|
@@ -219,6 +220,7 @@
|
|
|
219
220
|
position: relative;
|
|
220
221
|
display: flex;
|
|
221
222
|
// background-color: #F7F8F9;
|
|
223
|
+
background-color: var(--color-tab-selector-bg-default);
|
|
222
224
|
border-radius: calc(var(--radius-tab-selector_card) * 1px);
|
|
223
225
|
padding-inline-start: calc(var(--spacing-tab-selector-margin_left) * 1px);
|
|
224
226
|
padding-inline-end: calc(var(--spacing-tab-selector-margin_right) * 1px);
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
package/dist/token.css
CHANGED
|
@@ -514,7 +514,7 @@ html[theme="dark"]{
|
|
|
514
514
|
--color-datalist-market_hk:#ff863c;
|
|
515
515
|
--color-datalist-icon_watchlist:#1bc47d;
|
|
516
516
|
--color-datalist-icon_delay:#61b8ea;
|
|
517
|
-
--color-datalist-icon_sort:rgba(235,235,245,.
|
|
517
|
+
--color-datalist-icon_sort:rgba(235,235,245,.3);
|
|
518
518
|
--color-datalist-option_chain-bg-1:rgba(0,165,187,.03);
|
|
519
519
|
--color-datalist-option_chain-bg-2:rgba(0,165,187,.08);
|
|
520
520
|
--color-datalist-option_chain-bg-3:rgba(118,118,128,.24);
|
|
@@ -559,7 +559,7 @@ html{
|
|
|
559
559
|
--color-datalist-market_hk:#ff863c;
|
|
560
560
|
--color-datalist-icon_watchlist:#1bc47d;
|
|
561
561
|
--color-datalist-icon_delay:#61b8ea;
|
|
562
|
-
--color-datalist-icon_sort:rgba(0,0,0,.
|
|
562
|
+
--color-datalist-icon_sort:rgba(0,0,0,.3);
|
|
563
563
|
--color-datalist-option_chain-bg-1:rgba(0,165,187,.03);
|
|
564
564
|
--color-datalist-option_chain-bg-2:rgba(0,165,187,.08);
|
|
565
565
|
--color-datalist-option_chain-bg-3:#ebedf0;
|
|
@@ -652,7 +652,8 @@ html{
|
|
|
652
652
|
.vd-empty,.vd-footer,.vd-foot-nav,.vd-head-nav,.vd-input,.vd-stepper,.vd-search,.vd-password,.vd-list,.vd-loading,.vd-noticebar,.vd-page-break,.vd-popover,.vd-result,
|
|
653
653
|
.vd-selector,.vd-skeleton,.vd-slider,.vd-step,.vd-switch,.vd-tag,.vd-tabs,.vd-title,.vd-toast,.vd-upload{
|
|
654
654
|
outline: var(--outline-visible) solid rgba(255,0,0,.3);
|
|
655
|
-
}
|
|
655
|
+
}
|
|
656
|
+
|
|
656
657
|
|
|
657
658
|
html[theme="dark"]{
|
|
658
659
|
--height-dialog-super_small:44;
|