wedux-ui 0.5.0 → 0.6.0
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/miniprogram_dist/components/image/image.js +95 -0
- package/miniprogram_dist/components/image/image.json +4 -0
- package/miniprogram_dist/components/image/image.scss +104 -0
- package/miniprogram_dist/components/image/image.wxml +35 -0
- package/miniprogram_dist/styles/iconfont.scss +29 -26
- package/miniprogram_dist/styles/tokens.scss +7 -0
- package/package.json +1 -1
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
Component({
|
|
2
|
+
options: {
|
|
3
|
+
multipleSlots: true,
|
|
4
|
+
},
|
|
5
|
+
|
|
6
|
+
properties: {
|
|
7
|
+
src: {
|
|
8
|
+
type: String,
|
|
9
|
+
value: '',
|
|
10
|
+
},
|
|
11
|
+
mode: {
|
|
12
|
+
type: String,
|
|
13
|
+
value: 'aspectFill', // scaleToFill | aspectFit | aspectFill | widthFix | heightFix | ...
|
|
14
|
+
},
|
|
15
|
+
width: {
|
|
16
|
+
type: String,
|
|
17
|
+
value: '',
|
|
18
|
+
},
|
|
19
|
+
height: {
|
|
20
|
+
type: String,
|
|
21
|
+
value: '',
|
|
22
|
+
},
|
|
23
|
+
radius: {
|
|
24
|
+
type: String,
|
|
25
|
+
value: '',
|
|
26
|
+
},
|
|
27
|
+
round: {
|
|
28
|
+
type: Boolean,
|
|
29
|
+
value: false,
|
|
30
|
+
},
|
|
31
|
+
showLoading: {
|
|
32
|
+
type: Boolean,
|
|
33
|
+
value: true,
|
|
34
|
+
},
|
|
35
|
+
showError: {
|
|
36
|
+
type: Boolean,
|
|
37
|
+
value: true,
|
|
38
|
+
},
|
|
39
|
+
fade: {
|
|
40
|
+
type: Boolean,
|
|
41
|
+
value: true,
|
|
42
|
+
},
|
|
43
|
+
lazyLoad: {
|
|
44
|
+
type: Boolean,
|
|
45
|
+
value: false,
|
|
46
|
+
},
|
|
47
|
+
fallbackSrc: {
|
|
48
|
+
type: String,
|
|
49
|
+
value: '',
|
|
50
|
+
},
|
|
51
|
+
showMenuByLongpress: {
|
|
52
|
+
type: Boolean,
|
|
53
|
+
value: false,
|
|
54
|
+
},
|
|
55
|
+
},
|
|
56
|
+
|
|
57
|
+
data: {
|
|
58
|
+
_status: 'loading', // loading | loaded | error
|
|
59
|
+
_currentSrc: '',
|
|
60
|
+
_containerStyle: '',
|
|
61
|
+
},
|
|
62
|
+
|
|
63
|
+
observers: {
|
|
64
|
+
src(src) {
|
|
65
|
+
this.setData({
|
|
66
|
+
_currentSrc: src,
|
|
67
|
+
_status: src ? 'loading' : 'error',
|
|
68
|
+
});
|
|
69
|
+
},
|
|
70
|
+
'width, height, radius'(width, height, radius) {
|
|
71
|
+
const parts = [];
|
|
72
|
+
if (width) parts.push(`width: ${width}`);
|
|
73
|
+
if (height) parts.push(`height: ${height}`);
|
|
74
|
+
if (radius) parts.push(`border-radius: ${radius}`);
|
|
75
|
+
this.setData({ _containerStyle: parts.join('; ') });
|
|
76
|
+
},
|
|
77
|
+
},
|
|
78
|
+
|
|
79
|
+
methods: {
|
|
80
|
+
handleLoad(e) {
|
|
81
|
+
this.setData({ _status: 'loaded' });
|
|
82
|
+
this.triggerEvent('load', e.detail);
|
|
83
|
+
},
|
|
84
|
+
|
|
85
|
+
handleError(e) {
|
|
86
|
+
const { fallbackSrc, _currentSrc } = this.data;
|
|
87
|
+
if (fallbackSrc && _currentSrc !== fallbackSrc) {
|
|
88
|
+
this.setData({ _currentSrc: fallbackSrc });
|
|
89
|
+
} else {
|
|
90
|
+
this.setData({ _status: 'error' });
|
|
91
|
+
}
|
|
92
|
+
this.triggerEvent('error', e.detail);
|
|
93
|
+
},
|
|
94
|
+
},
|
|
95
|
+
});
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
@import '../../styles/iconfont.scss';
|
|
2
|
+
|
|
3
|
+
.w-image {
|
|
4
|
+
position: relative;
|
|
5
|
+
display: inline-block;
|
|
6
|
+
overflow: hidden;
|
|
7
|
+
border-radius: var(--w-image-radius, 0);
|
|
8
|
+
background-color: var(--w-image-bg, var(--color-bg-base));
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.w-image--round {
|
|
12
|
+
border-radius: var(--radius-full);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
/* Image */
|
|
16
|
+
.w-image__img {
|
|
17
|
+
display: block;
|
|
18
|
+
width: 100%;
|
|
19
|
+
height: 100%;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.w-image--fade-in .w-image__img {
|
|
23
|
+
animation: w-image-fade-in var(--w-image-fade-duration, 300ms) ease-out;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
@keyframes w-image-fade-in {
|
|
27
|
+
from {
|
|
28
|
+
opacity: 0;
|
|
29
|
+
}
|
|
30
|
+
to {
|
|
31
|
+
opacity: 1;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
/* Placeholder (loading & error) */
|
|
36
|
+
.w-image__placeholder {
|
|
37
|
+
position: absolute;
|
|
38
|
+
top: 0;
|
|
39
|
+
left: 0;
|
|
40
|
+
width: 100%;
|
|
41
|
+
height: 100%;
|
|
42
|
+
display: flex;
|
|
43
|
+
align-items: center;
|
|
44
|
+
justify-content: center;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
/* Slot controls: hide default when slot has content */
|
|
48
|
+
.w-image__loading-slot:empty {
|
|
49
|
+
display: none;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.w-image__loading-slot:empty + .w-image__loading-default {
|
|
53
|
+
display: flex;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.w-image__loading-slot:not(:empty) + .w-image__loading-default {
|
|
57
|
+
display: none;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.w-image__error-slot:empty {
|
|
61
|
+
display: none;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.w-image__error-slot:empty + .w-image__error-default {
|
|
65
|
+
display: flex;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.w-image__error-slot:not(:empty) + .w-image__error-default {
|
|
69
|
+
display: none;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
/* Loading default: spinning animation */
|
|
73
|
+
.w-image__loading-default {
|
|
74
|
+
display: flex;
|
|
75
|
+
align-items: center;
|
|
76
|
+
justify-content: center;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.w-image__loading-icon {
|
|
80
|
+
width: var(--w-image-loading-icon-size, 48rpx);
|
|
81
|
+
height: var(--w-image-loading-icon-size, 48rpx);
|
|
82
|
+
border: 4rpx solid var(--color-separator);
|
|
83
|
+
border-top-color: var(--color-text-secondary);
|
|
84
|
+
border-radius: 50%;
|
|
85
|
+
animation: w-image-spin 0.8s linear infinite;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
@keyframes w-image-spin {
|
|
89
|
+
to {
|
|
90
|
+
transform: rotate(360deg);
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
/* Error default */
|
|
95
|
+
.w-image__error-default {
|
|
96
|
+
display: flex;
|
|
97
|
+
align-items: center;
|
|
98
|
+
justify-content: center;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.w-image__error-icon {
|
|
102
|
+
font-size: var(--w-image-error-icon-size, 48rpx);
|
|
103
|
+
color: var(--color-text-placeholder);
|
|
104
|
+
}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
<view
|
|
2
|
+
class="w-image {{round ? 'w-image--round' : ''}} {{_status === 'loaded' && fade ? 'w-image--fade-in' : ''}}"
|
|
3
|
+
style="{{_containerStyle}}"
|
|
4
|
+
>
|
|
5
|
+
<image
|
|
6
|
+
wx:if="{{_currentSrc && _status !== 'error'}}"
|
|
7
|
+
class="w-image__img"
|
|
8
|
+
src="{{_currentSrc}}"
|
|
9
|
+
mode="{{mode}}"
|
|
10
|
+
lazy-load="{{lazyLoad}}"
|
|
11
|
+
show-menu-by-longpress="{{showMenuByLongpress}}"
|
|
12
|
+
bindload="handleLoad"
|
|
13
|
+
binderror="handleError"
|
|
14
|
+
></image>
|
|
15
|
+
|
|
16
|
+
<!-- Loading -->
|
|
17
|
+
<view wx:if="{{_status === 'loading' && showLoading}}" class="w-image__placeholder">
|
|
18
|
+
<view class="w-image__loading-slot">
|
|
19
|
+
<slot name="loading"></slot>
|
|
20
|
+
</view>
|
|
21
|
+
<view class="w-image__loading-default">
|
|
22
|
+
<view class="w-image__loading-icon"></view>
|
|
23
|
+
</view>
|
|
24
|
+
</view>
|
|
25
|
+
|
|
26
|
+
<!-- Error -->
|
|
27
|
+
<view wx:if="{{_status === 'error' && showError}}" class="w-image__placeholder">
|
|
28
|
+
<view class="w-image__error-slot">
|
|
29
|
+
<slot name="error"></slot>
|
|
30
|
+
</view>
|
|
31
|
+
<view class="w-image__error-default">
|
|
32
|
+
<view class="w-image__error-icon iconfont icon-broken-image"></view>
|
|
33
|
+
</view>
|
|
34
|
+
</view>
|
|
35
|
+
</view>
|
|
@@ -1,95 +1,98 @@
|
|
|
1
1
|
@font-face {
|
|
2
|
-
font-family:
|
|
3
|
-
src:
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
url('//at.alicdn.com/t/c/font_5134551_zr54w3qnk2m.ttf?t=1775402273099') format('truetype');
|
|
2
|
+
font-family: "iconfont"; /* Project id 5134551 */
|
|
3
|
+
src:
|
|
4
|
+
url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA8QAAsAAAAAFjwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAARAAAAGA8FkvOY21hcAAAAYgAAAD8AAADGCwnIM9nbHlmAAAChAAACeIAAA1oLh4KFWhlYWQAAAxoAAAAMQAAADYvFbnOaGhlYQAADJwAAAAgAAAAJAfjA5VobXR4AAAMvAAAABUAAABYWAT/+mxvY2EAAAzUAAAALgAAAC4vLCwkbWF4cAAADQQAAAAfAAAAIAEtAOZuYW1lAAANJAAAAUAAAAJnEKM8sHBvc3QAAA5kAAAAqwAAAN9S890veJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGFhYJzAwMrAwNTJdIaBgaEfQjO+ZjBi5ACKMrAyM2AFAWmuKQwHnjG8+Mfc8L+BgYH5DkMjUJgRRRETAH9WDWF4nO2STWoCQRCFv3YmE2MmGfMjgqvgKgS3LgQFN17GW3gML+CVhBygpi6h5rU1kJ3kAOnmG7qLN9BV7wF3QCFmooReTdKJVKmarvWCwbVe8q37Jx869S1ZZY1NbGpb29neDnZsx+3JC5/7wle+9o2fLxcwbiqXv8o/raQXfN3cs+vOypo+D9xTMaThkZ66HaifZ14Z8cIT77zlrtXt/6rzJ9XdbZSdC3IOrCOrrAo0XawJNGdsEmji2DQga7eBXMB2Afm/fSBnsEMgj7BjkLPZjoOcwfYU5Lx6h7zE54FcxRdBfr8vAzmNrwJ5jq8DuY9vAuUAPweUP33Abeh4nG0XbWwcxXXezH7f7t7t7e6dz7k73+7hWzuuL74P353jrzOiJEAs0oDJhxJISJ04SZ0SiEooCQ2RACkg0UIkJEpTqlZFCj+qqi1p+UHi0Er0B1EqNZFARVVRG1DVH0hAW9Hcum/2HCAS3vGbNzPvjed9PxNGyPJ/2Bv0GkmTKpkmBOSiL8lWs9Fs9EEzLXt+KWD1RtOrptK2I8les1FaA80pqDXStlUvFb2mXE3LUqoPJL9Ub8CLpQ9EBY6bPSlr+8jhe8IX8kMAg3n6z+4cvnunQKVTM3Ja70lcVaTwvuD93qQtgpS0R4OA/m9SFjv/eN2hEN996ys/GszRB/NDdDDfeRanZ9WUcvleLQZ2+GvaIymTRxJ9WlrtTQbNgBARZfmeAOx+4pIauYXcTeZRHs+X4iC5lpOqedXGqFVfA2VgKKMJKFoZhsAvwzSgQChiH6RMKDK+HwcT+iAfHYlBiV/CjxvT0Cg1a6nGJNRLyCvlwEk12ZbON7SE+KTgmuz1uCM8KVjndZtp67avV5ltfGDYorRJsDR6ULOETZJoG3MUlKx+xFAUivMjhhxOHDFWKUyWjSNGVsb5KDNdJy7FHdeEy5rykaKGfzNdXPSpuNDCj+P68Nq1w3o80aO/pGia8hJqFD6gTFfkW+WcLhoyztng64qiS3oWcdkQ9VwO3PjT/J6n4y4QIPjDDsErJN7VFReHK4qLxxY6I0wUGb2EEH4usgm+QkCIEPFtoR/ipBODZJB7HKqoZtQJKplrE68qej5eBO8qEwqO8KJCX1aUzk6Ffqh02ij6eSV8o3uG9wjLny3/VNAYkBb5FnmC/JCQ/gZ3RFQ5jmajDEFJRkM08Z3RK6dBbqTzCNA4/KAL8kjbXwrwWwNd4JaQOx0g6RREe7JJ09yaOPjM94P0qOwFrpPqyl5c0QW6DButN7hz5KA2Wi8DnpiQA3YEgDHdVmKpWEANuxWsLkvCa3b4nmaaGhR1+TVtdbGwKgYYHLGMqTiGwCjoTgI6tyCrYDiqkdFTkhTLFvwhbb/kJKi0X5DKQ0HLNugA3qskdc6TcHRQe+ivekwHr+7M4h9wzJ6hPHTyQyOFlhcyr1UoCUrCag5bPXmzIgfrR0TJpuJV1XTi2lXF0tSmD4q8Ku5nncp40jK1BDM0SVSt5HjFyfrxVbICflPVLOUpheqO8pRIbUkcWR/IFTPfYw03rYSuGSyhPbArk9mlxePaLi5nhFHvTH5oKH/mjNf0cJxBW2qRf7xAf/u5fwySMXIn2Uy2kK3oK0UnD9UpGK2XfCn95YWICQf9J1I4epOEEfal2C0VWRGjttTgUYn+FtkOIzmoBTwY5VqRSjnFSJiKlbFyn2OwrfNUcWSkSB/xKyOdb8ZdN04f4fDPf4pnRJGKDSltzpspuSGCIGbeeXOQsXkBHjgEumIqOPRk8gvscMWHRb9S8cPn/Qr83Y2Hz/O7YDHudn5paGpSmVU1TZ1VkqpmrBkHHmMYL8sX2UVWxTxbwuzUxnTljda73p1O1arRxD+334t8N0CpfAT9mJ7qU1DNg2Ni3jKhqyx0RPb2tT2lvonyLaq6a7Gxd7WqrR8ey/nXTrJNQm9mzcBMeXHs8J4D8/Cz9Y+uW/fo9zlYP31gaurAYxxUknM3t4a9giDdepMvi6ViudHemJysDAee7/fDutqxt247durYbQiO3g5he/Hxg+32wccX29y0RmTf39OrxCH9WDlmyCaymxwhz5Afk9+QC+RN8g5Gr88FiYSsctEcGQOU+WgvB1dVLCJ1PGcR1WjNwfCspYujqItmA5ddYszE9Ygf5f8qboi4g2JpCkO5wjWYBynd3US1pdxoL8X1WIqSCfKhy0jRh6qNthqj0WYl2kUHwwTQ4PHuSAHzS8jRbHBncyTuYyZyU3Js357xycnxPfs+u44c+87uXYcO7dr9r+708BML862xTGN06TFK6WNLo43MWGt+4cTeubt27rxr7mJ32rtj4+z27bMbX984u2PH7MbwfZGtcjUJQIxpIKnJtADy3bLg6jLIMZVKWpJRBVxZBiFtqyJoMRFJ3SzbLyiUR7TAQEFiKuku2yYpSkxRxI8USYy1+rw0FWVFRAfKVhThY89rrT25dqzg+4UxRFqeB+/mcwtH9+b6+nJ7jy7k8p3Z8bX79p88sWf3wUzm4O49J07u37d2HGop944dG9xUyt2w4w43BRXbbm+YSTpOcmZD27Y7/2U9q11X0gRJtOySK8S0vNS3useUNFCkRLK/V9QlV4sJbuDERYnFJCs9lGGupIt2JukYTJJBk5LuYJ+kSlwEBKoKL8YlPadqMn5KRsUSRCjG1F/ZT1geMwzWH9EPABuQahrQUJhF6k1AIzoySOzbjtkpmrkBk75n5joJJ8eRgRzfLJj0L/GBXLxzkzmYzQ7yVW6Ar8hKbSR0iddGFbsGEzAV8eoCjTr9JDyuJBOalkhit6PDD2BAokpC7fxCiytUhEGtr8tOli+zV1mbBKRCJvBS7lcY+ZFDYUXBuMZLTV5VyoAZjqc1Xm/Aw6yXxqzXZFiJZBdZSgE8LIhARKEsiAf88WJx3O+c6c4HRIH6ndXFXro100/bnTMI6ZViL2uLQrMpiAiRsHO5S02HEOBu+Gq4HwmR62Axs3UOUdLVKz58gr5NhkkZX1zLU5OW6WgZc7Es5dkUK9Mhnq0l3iM5UVc0CZRB694mHdv5wH0tyA5kgQ7PPXT08NYKrNn80BTorvocb1KeszK0CmuRqgmt+8bsbNaePry1RsubHzx6eMtIwYyDOMcMy2BzmmGP8KdEdqCn6Dne4UGgQhPoqXp4Aabq4af06Vp4IbxQg1ik6/PsftS1ihZLIq2FFd1qen0gexb/ApfdP9N5Y2YGTgyf+1q4HJ6jN59HbS3NzDCYss4vArm2TKcvXFjRwcusQGKk2O2MukWoXhJLPjYZ2BlMgxX1BxZmo0Y9YMc7xLBtg3EYnlR71Suq3auetnvt00o+qbICYjj+qGmX1V5bPR22ODm8dVpJ9qorNeIcW2IzmFMHSYNMEeJVeXaq82zm89zkRDXiK9Nqt1x2i6ftVXnrVadkYdvmWr1e27zt0nVk4bsL8xOTkxPzC59cR140+LvwKaRQWCaFG8gjpH0DeYTQ87axHMkLCJdJux3F4zID7N8SxOP/SeCjJQe9AzWFevP7m5GisAFbUSA9e/asUczoV/Sb8DdTDJ+4cQ15XGc4zrcyZ29YXY/Pe+gVtBHa2nM9q2h5o55F+2EkvHR7eAlG6OUV5Hb4wpfYNPW4L6ncmWRKwk9r2E5M1eB34b9rMB0u1VZ87g9dn0OPQ1K6I/y0zk/rcBxiXa/7/L5Cl07mdF/c53C6JZiu/R/K2U/FAAB4nGNgZGBgAOJVs0q74/ltvjJwszCAwNOfVj9g9P9f/+tZuJiTgFwOBiaQKAB+ag4JAAAAeJxjYGRgYG7438AQw8Ly/9f/XyxcDEARFCAGAKEIBn94nGNhYGBgQccs/39hiJGIAZJsAlYAAAAAAAAAAGYBAAEcAUYCLAK0AxwEXgSOBLAFCgVSBWYFjAXGBiYGXgZ4BowGoAa0AAB4nGNgZGBgEGO4xcDLAAJMQMwFhAwM/8F8BgAhEQIUAHichZE9bsJAEIWfwZAElChKpDRpVikoEsn8lEipUKCnoAez5ke211ovSNQ5TY6QE+QI6Whzikh52EMDRbza2W/evpkdyQDusIeH8rvnLtnDJbOSK7jAo3CV+pOwT34WrqGJnnCd+qtwAy94E26yY8YOnn/FrIV3YQ+3+BCu4AafwlXqX8I++Vu4hgf8CNep/wo3MPGuhZtoeeHA6qnTczXbqVVo0sik7niO9WITT+2pPNE2X5lUdYPOURrpVNtjm3y76DkXqciaRA15q+PYqMyatQ5dsHQu67fbkehBaBIMYKExhWOcQ2GGHeMKIQxSREV0Z/mY7gU2iFlp/3VP6LbIqR9yhS4CdM5cI7rSwnk6TY4tX+tRdXQrbsuahDSUWs1JYrLiDzzcramE1AMsi6oMfbS5ohN/UMyQ/AHYk29XeJxtikmOwjAUBf0SGwjQHWZOgdQ5ETLxJ1h40o8jlNsTxLZrUZsqUYgvS/E/JxQoIaEwwxwLVFhihTV+8IsaG2yxwx4HHHHCWaxvHJ8ULtbrjhT5lEflbRh6mdykR/RUt9GnIRNfbpENseyufqyM1cHo8NfMWhd7aqrk9Hi9W+cWrXY0NVZMmUfp6J7lFKjMMX3u9tnIPnIutTHFkBTb7pGlia8gxBtQzDMuAA==') format('woff'),
|
|
5
|
+
url('//at.alicdn.com/t/c/font_5134551_7oyrdzd7ntn.ttf?t=1775471224272') format('truetype');
|
|
7
6
|
}
|
|
8
7
|
|
|
9
8
|
.iconfont {
|
|
10
|
-
font-family:
|
|
9
|
+
font-family: "iconfont" !important;
|
|
11
10
|
font-size: 16px;
|
|
12
11
|
font-style: normal;
|
|
13
12
|
-webkit-font-smoothing: antialiased;
|
|
14
13
|
-moz-osx-font-smoothing: grayscale;
|
|
15
14
|
}
|
|
16
15
|
|
|
16
|
+
.icon-broken-image:before {
|
|
17
|
+
content: "\e600";
|
|
18
|
+
}
|
|
19
|
+
|
|
17
20
|
.icon-empty:before {
|
|
18
|
-
content:
|
|
21
|
+
content: "\e6a6";
|
|
19
22
|
}
|
|
20
23
|
|
|
21
24
|
.icon-minus:before {
|
|
22
|
-
content:
|
|
25
|
+
content: "\e7fd";
|
|
23
26
|
}
|
|
24
27
|
|
|
25
28
|
.icon-plus:before {
|
|
26
|
-
content:
|
|
29
|
+
content: "\e8fe";
|
|
27
30
|
}
|
|
28
31
|
|
|
29
32
|
.icon-home:before {
|
|
30
|
-
content:
|
|
33
|
+
content: "\e6d7";
|
|
31
34
|
}
|
|
32
35
|
|
|
33
36
|
.icon-computer-border:before {
|
|
34
|
-
content:
|
|
37
|
+
content: "\e622";
|
|
35
38
|
}
|
|
36
39
|
|
|
37
40
|
.icon-g_my:before {
|
|
38
|
-
content:
|
|
41
|
+
content: "\e61a";
|
|
39
42
|
}
|
|
40
43
|
|
|
41
44
|
.icon-diandan01:before {
|
|
42
|
-
content:
|
|
45
|
+
content: "\e606";
|
|
43
46
|
}
|
|
44
47
|
|
|
45
48
|
.icon-close:before {
|
|
46
|
-
content:
|
|
49
|
+
content: "\e60f";
|
|
47
50
|
}
|
|
48
51
|
|
|
49
52
|
.icon-play_fill:before {
|
|
50
|
-
content:
|
|
53
|
+
content: "\e717";
|
|
51
54
|
}
|
|
52
55
|
|
|
53
56
|
.icon-calendar:before {
|
|
54
|
-
content:
|
|
57
|
+
content: "\e699";
|
|
55
58
|
}
|
|
56
59
|
|
|
57
60
|
.icon-retry:before {
|
|
58
|
-
content:
|
|
61
|
+
content: "\e601";
|
|
59
62
|
}
|
|
60
63
|
|
|
61
64
|
.icon-left:before {
|
|
62
|
-
content:
|
|
65
|
+
content: "\e83d";
|
|
63
66
|
}
|
|
64
67
|
|
|
65
68
|
.icon-file:before {
|
|
66
|
-
content:
|
|
69
|
+
content: "\e803";
|
|
67
70
|
}
|
|
68
71
|
|
|
69
72
|
.icon-top:before {
|
|
70
|
-
content:
|
|
73
|
+
content: "\e681";
|
|
71
74
|
}
|
|
72
75
|
|
|
73
76
|
.icon-clock1:before {
|
|
74
|
-
content:
|
|
77
|
+
content: "\e66a";
|
|
75
78
|
}
|
|
76
79
|
|
|
77
80
|
.icon-sort:before {
|
|
78
|
-
content:
|
|
81
|
+
content: "\e83c";
|
|
79
82
|
}
|
|
80
83
|
|
|
81
84
|
.icon-add:before {
|
|
82
|
-
content:
|
|
85
|
+
content: "\e835";
|
|
83
86
|
}
|
|
84
87
|
|
|
85
88
|
.icon-up:before {
|
|
86
|
-
content:
|
|
89
|
+
content: "\e845";
|
|
87
90
|
}
|
|
88
91
|
|
|
89
92
|
.icon-right:before {
|
|
90
|
-
content:
|
|
93
|
+
content: "\e840";
|
|
91
94
|
}
|
|
92
95
|
|
|
93
96
|
.icon-down:before {
|
|
94
|
-
content:
|
|
97
|
+
content: "\e839";
|
|
95
98
|
}
|
|
@@ -305,6 +305,13 @@ page {
|
|
|
305
305
|
--w-price-color: var(--color-brand);
|
|
306
306
|
--w-price-original-color: var(--color-text-secondary);
|
|
307
307
|
|
|
308
|
+
/* Image */
|
|
309
|
+
--w-image-radius: 0;
|
|
310
|
+
--w-image-bg: var(--color-bg-base);
|
|
311
|
+
--w-image-fade-duration: 300ms;
|
|
312
|
+
--w-image-loading-icon-size: 48rpx;
|
|
313
|
+
--w-image-error-icon-size: 48rpx;
|
|
314
|
+
|
|
308
315
|
/* Carousel */
|
|
309
316
|
--w-carousel-dot-color: rgba(255, 255, 255, 0.5);
|
|
310
317
|
--w-carousel-dot-color-active: #ffffff;
|