@vtj/materials 0.10.6 → 0.10.8

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.
Files changed (77) hide show
  1. package/dist/assets/antdv/index.umd.js +2 -2
  2. package/dist/assets/charts/index.umd.js +2 -2
  3. package/dist/assets/element/index.umd.js +2 -2
  4. package/dist/assets/ui/index.umd.js +2 -2
  5. package/dist/assets/uni-h5/index.umd.js +3 -3
  6. package/dist/assets/uni-ui/index.umd.js +3 -3
  7. package/dist/assets/vant/index.umd.js +2 -2
  8. package/dist/deps/@vtj/charts/index.umd.js +2 -2
  9. package/dist/deps/@vtj/icons/index.umd.js +2 -2
  10. package/dist/deps/@vtj/ui/index.umd.js +3 -3
  11. package/dist/deps/@vtj/utils/index.umd.js +20 -20
  12. package/dist/deps/@vueuse/core/index.iife.min.js +1 -1
  13. package/dist/deps/uni-ui/index.umd.js +1 -1
  14. package/dist/deps/uni-ui/style.css +1 -1
  15. package/package.json +7 -7
  16. package/src/uni-h5/components/input.ts +2 -2
  17. package/src/uni-h5/components/scrollView.ts +3 -3
  18. package/src/uni-h5/components/video.ts +1 -1
  19. package/src/uni-ui/components/badge.ts +1 -5
  20. package/src/uni-ui/components/breadcrumb.ts +1 -20
  21. package/src/uni-ui/components/collapse.ts +22 -23
  22. package/src/uni-ui/components/grid.ts +0 -9
  23. package/src/uni-ui/components/group.ts +1 -10
  24. package/src/uni-ui/components/index.ts +4 -4
  25. package/src/uni-ui/components/popup.ts +10 -2
  26. package/src/uni-ui/components/swiperDot.ts +21 -7
  27. package/src/uni-ui/components/table.ts +9 -3
  28. package/src/uni-ui/components/transition.ts +10 -1
  29. package/src/uni-ui/index.ts +19 -44
  30. package/src/uni-ui/lib/uni-collapse/uni-collapse.vue +153 -0
  31. package/src/uni-ui/lib/uni-collapse-item/uni-collapse-item.vue +425 -0
  32. package/src/uni-ui/lib/uni-data-picker/keypress.js +45 -0
  33. package/src/uni-ui/lib/uni-data-picker/uni-data-picker.vue +604 -0
  34. package/src/uni-ui/lib/uni-data-pickerview/uni-data-picker.js +622 -0
  35. package/src/uni-ui/lib/uni-data-pickerview/uni-data-pickerview.css +76 -0
  36. package/src/uni-ui/lib/uni-data-pickerview/uni-data-pickerview.vue +335 -0
  37. package/src/uni-ui/lib/uni-datetime-picker/calendar-item.vue +181 -170
  38. package/src/uni-ui/lib/uni-datetime-picker/calendar.vue +977 -939
  39. package/src/uni-ui/lib/uni-datetime-picker/time-picker.vue +1024 -932
  40. package/src/uni-ui/lib/uni-datetime-picker/uni-datetime-picker.vue +15 -17
  41. package/src/uni-ui/lib/uni-datetime-picker/util.js +419 -392
  42. package/src/uni-ui/lib/uni-fav/i18n/en.json +4 -0
  43. package/src/uni-ui/lib/uni-fav/i18n/index.js +8 -0
  44. package/src/uni-ui/lib/uni-fav/i18n/zh-Hans.json +4 -0
  45. package/src/uni-ui/lib/uni-fav/i18n/zh-Hant.json +4 -0
  46. package/src/uni-ui/lib/uni-fav/uni-fav.vue +170 -0
  47. package/src/uni-ui/lib/uni-file-picker/choose-and-upload-file.js +280 -0
  48. package/src/uni-ui/lib/uni-file-picker/uni-file-picker.vue +668 -0
  49. package/src/uni-ui/lib/uni-file-picker/upload-file.vue +325 -0
  50. package/src/uni-ui/lib/uni-file-picker/upload-image.vue +292 -0
  51. package/src/uni-ui/lib/uni-file-picker/utils.js +110 -0
  52. package/src/uni-ui/lib/uni-grid/uni-grid.vue +148 -0
  53. package/src/uni-ui/lib/uni-indexed-list/uni-indexed-list-item.vue +152 -128
  54. package/src/uni-ui/lib/uni-indexed-list/uni-indexed-list.vue +50 -50
  55. package/src/uni-ui/lib/uni-load-more/i18n/en.json +5 -0
  56. package/src/uni-ui/lib/uni-load-more/i18n/index.js +8 -0
  57. package/src/uni-ui/lib/uni-load-more/i18n/zh-Hans.json +5 -0
  58. package/src/uni-ui/lib/uni-load-more/i18n/zh-Hant.json +5 -0
  59. package/src/uni-ui/lib/uni-load-more/uni-load-more.vue +456 -0
  60. package/src/uni-ui/lib/uni-notice-bar/uni-notice-bar.vue +484 -0
  61. package/src/uni-ui/lib/uni-popup/uni-popup.vue +4 -4
  62. package/src/uni-ui/lib/uni-popup-message/uni-popup-message.vue +149 -0
  63. package/src/uni-ui/lib/uni-rate/uni-rate.vue +362 -343
  64. package/src/uni-ui/lib/uni-row/uni-row.vue +193 -0
  65. package/src/uni-ui/lib/uni-search-bar/i18n/en.json +4 -0
  66. package/src/uni-ui/lib/uni-search-bar/i18n/index.js +8 -0
  67. package/src/uni-ui/lib/uni-search-bar/i18n/zh-Hans.json +4 -0
  68. package/src/uni-ui/lib/uni-search-bar/i18n/zh-Hant.json +4 -0
  69. package/src/uni-ui/lib/uni-search-bar/uni-search-bar.vue +339 -0
  70. package/src/uni-ui/lib/uni-swipe-action-item/bindingx.js +294 -285
  71. package/src/uni-ui/lib/uni-swipe-action-item/uni-swipe-action-item.vue +8 -9
  72. package/src/uni-ui/lib/uni-th/filter-dropdown.vue +551 -503
  73. package/src/uni-ui/lib/uni-tr/table-checkbox.vue +165 -163
  74. package/src/uni-ui/lib/uni-tr/uni-tr.vue +6 -6
  75. package/src/uni-ui/lib/uni-transition/createAnimation.js +131 -0
  76. package/src/uni-ui/lib/uni-transition/uni-transition.vue +310 -0
  77. package/src/version.ts +2 -2
@@ -0,0 +1,335 @@
1
+ <template>
2
+ <view class="uni-data-pickerview">
3
+ <scroll-view v-if="!isCloudDataList" class="selected-area" scroll-x="true">
4
+ <view class="selected-list">
5
+ <view
6
+ class="selected-item"
7
+ v-for="(item, index) in selected"
8
+ :key="index"
9
+ :class="{
10
+ 'selected-item-active': index == selectedIndex
11
+ }"
12
+ @click="handleSelect(index)">
13
+ <text>{{ item.text || '' }}</text>
14
+ </view>
15
+ </view>
16
+ </scroll-view>
17
+ <view class="tab-c">
18
+ <scroll-view class="list" :scroll-y="true">
19
+ <view
20
+ class="item"
21
+ :class="{ 'is-disabled': !!item.disable }"
22
+ v-for="(item, j) in dataList[selectedIndex]"
23
+ :key="j"
24
+ @click="handleNodeClick(item, selectedIndex, j)">
25
+ <text class="item-text">{{ item[map.text] }}</text>
26
+ <view
27
+ class="check"
28
+ v-if="
29
+ selected.length > selectedIndex &&
30
+ item[map.value] == selected[selectedIndex].value
31
+ "></view>
32
+ </view>
33
+ </scroll-view>
34
+
35
+ <view class="loading-cover" v-if="loading">
36
+ <uni-load-more
37
+ class="load-more"
38
+ :contentText="loadMore"
39
+ status="loading"></uni-load-more>
40
+ </view>
41
+ <view class="error-message" v-if="errorMessage">
42
+ <text class="error-text">{{ errorMessage }}</text>
43
+ </view>
44
+ </view>
45
+ </view>
46
+ </template>
47
+
48
+ <script>
49
+ import dataPicker from './uni-data-picker.js';
50
+
51
+ /**
52
+ * DataPickerview
53
+ * @description uni-data-pickerview
54
+ * @tutorial https://ext.dcloud.net.cn/plugin?id=3796
55
+ * @property {Array} localdata 本地数据,参考
56
+ * @property {Boolean} step-searh = [true|false] 是否分布查询
57
+ * @value true 启用分布查询,仅查询当前选中节点
58
+ * @value false 关闭分布查询,一次查询出所有数据
59
+ * @property {String|DBFieldString} self-field 分布查询当前字段名称
60
+ * @property {String|DBFieldString} parent-field 分布查询父字段名称
61
+ * @property {String|DBCollectionString} collection 表名
62
+ * @property {String|DBFieldString} field 查询字段,多个字段用 `,` 分割
63
+ * @property {String} orderby 排序字段及正序倒叙设置
64
+ * @property {String|JQLString} where 查询条件
65
+ */
66
+ export default {
67
+ name: 'UniDataPickerView',
68
+ emits: ['nodeclick', 'change', 'datachange', 'update:modelValue'],
69
+ mixins: [dataPicker],
70
+ props: {
71
+ managedMode: {
72
+ type: Boolean,
73
+ default: false
74
+ },
75
+ ellipsis: {
76
+ type: Boolean,
77
+ default: true
78
+ }
79
+ },
80
+ created() {
81
+ if (!this.managedMode) {
82
+ this.$nextTick(() => {
83
+ this.loadData();
84
+ });
85
+ }
86
+ },
87
+ methods: {
88
+ onPropsChange() {
89
+ this._treeData = [];
90
+ this.selectedIndex = 0;
91
+ this.$nextTick(() => {
92
+ this.loadData();
93
+ });
94
+ },
95
+ handleSelect(index) {
96
+ this.selectedIndex = index;
97
+ },
98
+ handleNodeClick(item, i, j) {
99
+ if (item.disable) {
100
+ return;
101
+ }
102
+
103
+ const node = this.dataList[i][j];
104
+ const text = node[this.map.text];
105
+ const value = node[this.map.value];
106
+
107
+ if (i < this.selected.length - 1) {
108
+ this.selected.splice(i, this.selected.length - i);
109
+ this.selected.push({
110
+ text,
111
+ value
112
+ });
113
+ } else if (i === this.selected.length - 1) {
114
+ this.selected.splice(i, 1, {
115
+ text,
116
+ value
117
+ });
118
+ }
119
+
120
+ if (node.isleaf) {
121
+ this.onSelectedChange(node, node.isleaf);
122
+ return;
123
+ }
124
+
125
+ const { isleaf, hasNodes } = this._updateBindData();
126
+
127
+ // 本地数据
128
+ if (this.isLocalData) {
129
+ this.onSelectedChange(node, !hasNodes || isleaf);
130
+ } else if (this.isCloudDataList) {
131
+ // Cloud 数据 (单列)
132
+ this.onSelectedChange(node, true);
133
+ } else if (this.isCloudDataTree) {
134
+ // Cloud 数据 (树形)
135
+ if (isleaf) {
136
+ this.onSelectedChange(node, node.isleaf);
137
+ } else if (!hasNodes) {
138
+ // 请求一次服务器以确定是否为叶子节点
139
+ this.loadCloudDataNode((data) => {
140
+ if (!data.length) {
141
+ node.isleaf = true;
142
+ } else {
143
+ this._treeData.push(...data);
144
+ this._updateBindData(node);
145
+ }
146
+ this.onSelectedChange(node, node.isleaf);
147
+ });
148
+ }
149
+ }
150
+ },
151
+ updateData(data) {
152
+ this._treeData = data.treeData;
153
+ this.selected = data.selected;
154
+ if (!this._treeData.length) {
155
+ this.loadData();
156
+ } else {
157
+ //this.selected = data.selected
158
+ this._updateBindData();
159
+ }
160
+ },
161
+ onDataChange() {
162
+ this.$emit('datachange');
163
+ },
164
+ onSelectedChange(node, isleaf) {
165
+ if (isleaf) {
166
+ this._dispatchEvent();
167
+ }
168
+
169
+ if (node) {
170
+ this.$emit('nodeclick', node);
171
+ }
172
+ },
173
+ _dispatchEvent() {
174
+ this.$emit('change', this.selected.slice(0));
175
+ }
176
+ }
177
+ };
178
+ </script>
179
+
180
+ <style lang="scss">
181
+ $uni-primary: #007aff !default;
182
+
183
+ .uni-data-pickerview {
184
+ flex: 1;
185
+ /* #ifndef APP-NVUE */
186
+ display: flex;
187
+ /* #endif */
188
+ flex-direction: column;
189
+ overflow: hidden;
190
+ height: 100%;
191
+ }
192
+
193
+ .error-text {
194
+ color: #dd524d;
195
+ }
196
+
197
+ .loading-cover {
198
+ position: absolute;
199
+ left: 0;
200
+ top: 0;
201
+ right: 0;
202
+ bottom: 0;
203
+ background-color: rgba(255, 255, 255, 0.5);
204
+ /* #ifndef APP-NVUE */
205
+ display: flex;
206
+ /* #endif */
207
+ flex-direction: column;
208
+ align-items: center;
209
+ z-index: 1001;
210
+ }
211
+
212
+ .load-more {
213
+ /* #ifndef APP-NVUE */
214
+ margin: auto;
215
+ /* #endif */
216
+ }
217
+
218
+ .error-message {
219
+ background-color: #fff;
220
+ position: absolute;
221
+ left: 0;
222
+ top: 0;
223
+ right: 0;
224
+ bottom: 0;
225
+ padding: 15px;
226
+ opacity: 0.9;
227
+ z-index: 102;
228
+ }
229
+
230
+ /* #ifdef APP-NVUE */
231
+ .selected-area {
232
+ width: 750rpx;
233
+ }
234
+ /* #endif */
235
+
236
+ .selected-list {
237
+ /* #ifndef APP-NVUE */
238
+ display: flex;
239
+ flex-wrap: nowrap;
240
+ /* #endif */
241
+ flex-direction: row;
242
+ padding: 0 5px;
243
+ border-bottom: 1px solid #f8f8f8;
244
+ }
245
+
246
+ .selected-item {
247
+ // 增加注释
248
+ // margin-left: 10px;
249
+ // margin-right: 10px;
250
+ padding: 12px 0;
251
+ text-align: center;
252
+ /* #ifndef APP-NVUE */
253
+ white-space: nowrap;
254
+ /* #endif */
255
+ }
256
+
257
+ .selected-item-text-overflow {
258
+ width: 168px;
259
+ /* fix nvue */
260
+ overflow: hidden;
261
+ /* #ifndef APP-NVUE */
262
+ width: 6em;
263
+ white-space: nowrap;
264
+ text-overflow: ellipsis;
265
+ -o-text-overflow: ellipsis;
266
+ /* #endif */
267
+ }
268
+
269
+ .selected-item-active {
270
+ border-bottom: 2px solid $uni-primary;
271
+ }
272
+
273
+ .selected-item-text {
274
+ color: $uni-primary;
275
+ }
276
+
277
+ .tab-c {
278
+ position: relative;
279
+ flex: 1;
280
+ /* #ifndef APP-NVUE */
281
+ display: flex;
282
+ /* #endif */
283
+ flex-direction: row;
284
+ overflow: hidden;
285
+ }
286
+
287
+ .list {
288
+ flex: 1;
289
+ }
290
+
291
+ .item {
292
+ padding: 12px 15px;
293
+ /* border-bottom: 1px solid #f0f0f0; */
294
+ /* #ifndef APP-NVUE */
295
+ display: flex;
296
+ /* #endif */
297
+ flex-direction: row;
298
+ justify-content: space-between;
299
+ }
300
+
301
+ .is-disabled {
302
+ opacity: 0.5;
303
+ }
304
+
305
+ .item-text {
306
+ /* flex: 1; */
307
+ color: #333333;
308
+ }
309
+
310
+ .item-text-overflow {
311
+ width: 280px;
312
+ /* fix nvue */
313
+ overflow: hidden;
314
+ /* #ifndef APP-NVUE */
315
+ width: 20em;
316
+ white-space: nowrap;
317
+ text-overflow: ellipsis;
318
+ -o-text-overflow: ellipsis;
319
+ /* #endif */
320
+ }
321
+
322
+ .check {
323
+ margin-right: 5px;
324
+ border: 2px solid $uni-primary;
325
+ border-left: 0;
326
+ border-top: 0;
327
+ height: 12px;
328
+ width: 6px;
329
+ transform-origin: center;
330
+ /* #ifndef APP-NVUE */
331
+ transition: all 0.3s;
332
+ /* #endif */
333
+ transform: rotate(45deg);
334
+ }
335
+ </style>
@@ -1,177 +1,188 @@
1
1
  <template>
2
- <view class="uni-calendar-item__weeks-box" :class="{
3
- 'uni-calendar-item--disable':weeks.disable,
4
- 'uni-calendar-item--before-checked-x':weeks.beforeMultiple,
5
- 'uni-calendar-item--multiple': weeks.multiple,
6
- 'uni-calendar-item--after-checked-x':weeks.afterMultiple,
7
- }" @click="choiceDate(weeks)" @mouseenter="handleMousemove(weeks)">
8
- <view class="uni-calendar-item__weeks-box-item" :class="{
9
- 'uni-calendar-item--checked':calendar.fullDate === weeks.fullDate && (calendar.userChecked || !checkHover),
10
- 'uni-calendar-item--checked-range-text': checkHover,
11
- 'uni-calendar-item--before-checked':weeks.beforeMultiple,
12
- 'uni-calendar-item--multiple': weeks.multiple,
13
- 'uni-calendar-item--after-checked':weeks.afterMultiple,
14
- 'uni-calendar-item--disable':weeks.disable,
15
- }">
16
- <text v-if="selected && weeks.extraInfo" class="uni-calendar-item__weeks-box-circle"></text>
17
- <text class="uni-calendar-item__weeks-box-text uni-calendar-item__weeks-box-text-disable uni-calendar-item--checked-text">{{weeks.date}}</text>
18
- </view>
19
- <view :class="{'uni-calendar-item--today': weeks.isToday}"></view>
20
- </view>
2
+ <view
3
+ class="uni-calendar-item__weeks-box"
4
+ :class="{
5
+ 'uni-calendar-item--disable': weeks.disable,
6
+ 'uni-calendar-item--before-checked-x': weeks.beforeMultiple,
7
+ 'uni-calendar-item--multiple': weeks.multiple,
8
+ 'uni-calendar-item--after-checked-x': weeks.afterMultiple
9
+ }"
10
+ @click="choiceDate(weeks)"
11
+ @mouseenter="handleMousemove(weeks)">
12
+ <view
13
+ class="uni-calendar-item__weeks-box-item"
14
+ :class="{
15
+ 'uni-calendar-item--checked':
16
+ calendar.fullDate === weeks.fullDate &&
17
+ (calendar.userChecked || !checkHover),
18
+ 'uni-calendar-item--checked-range-text': checkHover,
19
+ 'uni-calendar-item--before-checked': weeks.beforeMultiple,
20
+ 'uni-calendar-item--multiple': weeks.multiple,
21
+ 'uni-calendar-item--after-checked': weeks.afterMultiple,
22
+ 'uni-calendar-item--disable': weeks.disable
23
+ }">
24
+ <text
25
+ v-if="selected && weeks.extraInfo"
26
+ class="uni-calendar-item__weeks-box-circle"></text>
27
+ <text
28
+ class="uni-calendar-item__weeks-box-text uni-calendar-item__weeks-box-text-disable uni-calendar-item--checked-text"
29
+ >{{ weeks.date }}</text
30
+ >
31
+ </view>
32
+ <view :class="{ 'uni-calendar-item--today': weeks.isToday }"></view>
33
+ </view>
21
34
  </template>
22
35
 
23
36
  <script>
24
- export default {
25
- props: {
26
- weeks: {
27
- type: Object,
28
- default () {
29
- return {}
30
- }
31
- },
32
- calendar: {
33
- type: Object,
34
- default: () => {
35
- return {}
36
- }
37
- },
38
- selected: {
39
- type: Array,
40
- default: () => {
41
- return []
42
- }
43
- },
44
- checkHover: {
45
- type: Boolean,
46
- default: false
47
- }
48
- },
49
- methods: {
50
- choiceDate(weeks) {
51
- this.$emit('change', weeks)
52
- },
53
- handleMousemove(weeks) {
54
- this.$emit('handleMouse', weeks)
55
- }
56
- }
57
- }
37
+ export default {
38
+ props: {
39
+ weeks: {
40
+ type: Object,
41
+ default() {
42
+ return {};
43
+ }
44
+ },
45
+ calendar: {
46
+ type: Object,
47
+ default: () => {
48
+ return {};
49
+ }
50
+ },
51
+ selected: {
52
+ type: Array,
53
+ default: () => {
54
+ return [];
55
+ }
56
+ },
57
+ checkHover: {
58
+ type: Boolean,
59
+ default: false
60
+ }
61
+ },
62
+ methods: {
63
+ choiceDate(weeks) {
64
+ this.$emit('change', weeks);
65
+ },
66
+ handleMousemove(weeks) {
67
+ this.$emit('handleMouse', weeks);
68
+ }
69
+ }
70
+ };
58
71
  </script>
59
72
 
60
- <style lang="scss" >
61
- $uni-primary: #007aff !default;
62
-
63
- .uni-calendar-item__weeks-box {
64
- flex: 1;
65
- /* #ifndef APP-NVUE */
66
- display: flex;
67
- /* #endif */
68
- flex-direction: column;
69
- justify-content: center;
70
- align-items: center;
71
- margin: 1px 0;
72
- position: relative;
73
- }
74
-
75
- .uni-calendar-item__weeks-box-text {
76
- font-size: 14px;
77
- // font-family: Lato-Bold, Lato;
78
- font-weight: bold;
79
- color: darken($color: $uni-primary, $amount: 40%);
80
- }
81
-
82
- .uni-calendar-item__weeks-box-item {
83
- position: relative;
84
- /* #ifndef APP-NVUE */
85
- display: flex;
86
- /* #endif */
87
- flex-direction: column;
88
- justify-content: center;
89
- align-items: center;
90
- width: 40px;
91
- height: 40px;
92
- /* #ifdef H5 */
93
- cursor: pointer;
94
- /* #endif */
95
- }
96
-
97
-
98
- .uni-calendar-item__weeks-box-circle {
99
- position: absolute;
100
- top: 5px;
101
- right: 5px;
102
- width: 8px;
103
- height: 8px;
104
- border-radius: 8px;
105
- background-color: #dd524d;
106
-
107
- }
108
-
109
- .uni-calendar-item__weeks-box .uni-calendar-item--disable {
110
- cursor: default;
111
- }
112
-
113
- .uni-calendar-item--disable .uni-calendar-item__weeks-box-text-disable {
114
- color: #D1D1D1;
115
- }
116
-
117
- .uni-calendar-item--today {
118
- position: absolute;
119
- top: 10px;
120
- right: 17%;
121
- background-color: #dd524d;
122
- width:6px;
123
- height: 6px;
124
- border-radius: 50%;
125
- }
126
-
127
- .uni-calendar-item--extra {
128
- color: #dd524d;
129
- opacity: 0.8;
130
- }
131
-
132
- .uni-calendar-item__weeks-box .uni-calendar-item--checked {
133
- background-color: $uni-primary;
134
- border-radius: 50%;
135
- box-sizing: border-box;
136
- border: 3px solid #fff;
137
- }
138
-
139
- .uni-calendar-item--checked .uni-calendar-item--checked-text {
140
- color: #fff;
141
- }
142
-
143
- .uni-calendar-item--multiple .uni-calendar-item--checked-range-text {
144
- color: #333;
145
- }
146
-
147
- .uni-calendar-item--multiple {
148
- background-color: #F6F7FC;
149
- // color: #fff;
150
- }
151
-
152
- .uni-calendar-item--multiple .uni-calendar-item--before-checked,
153
- .uni-calendar-item--multiple .uni-calendar-item--after-checked {
154
- background-color: $uni-primary;
155
- border-radius: 50%;
156
- box-sizing: border-box;
157
- border: 3px solid #F6F7FC;
158
- }
159
-
160
- .uni-calendar-item--before-checked .uni-calendar-item--checked-text,
161
- .uni-calendar-item--after-checked .uni-calendar-item--checked-text {
162
- color: #fff;
163
- }
164
-
165
- .uni-calendar-item--before-checked-x {
166
- border-top-left-radius: 50px;
167
- border-bottom-left-radius: 50px;
168
- box-sizing: border-box;
169
- background-color: #F6F7FC;
170
- }
171
-
172
- .uni-calendar-item--after-checked-x {
173
- border-top-right-radius: 50px;
174
- border-bottom-right-radius: 50px;
175
- background-color: #F6F7FC;
176
- }
73
+ <style lang="scss">
74
+ $uni-primary: #007aff !default;
75
+
76
+ .uni-calendar-item__weeks-box {
77
+ flex: 1;
78
+ /* #ifndef APP-NVUE */
79
+ display: flex;
80
+ /* #endif */
81
+ flex-direction: column;
82
+ justify-content: center;
83
+ align-items: center;
84
+ margin: 1px 0;
85
+ position: relative;
86
+ }
87
+
88
+ .uni-calendar-item__weeks-box-text {
89
+ font-size: 14px;
90
+ // font-family: Lato-Bold, Lato;
91
+ font-weight: bold;
92
+ color: darken($color: $uni-primary, $amount: 40%);
93
+ }
94
+
95
+ .uni-calendar-item__weeks-box-item {
96
+ position: relative;
97
+ /* #ifndef APP-NVUE */
98
+ display: flex;
99
+ /* #endif */
100
+ flex-direction: column;
101
+ justify-content: center;
102
+ align-items: center;
103
+ width: 40px;
104
+ height: 40px;
105
+ /* #ifdef H5 */
106
+ cursor: pointer;
107
+ /* #endif */
108
+ }
109
+
110
+ .uni-calendar-item__weeks-box-circle {
111
+ position: absolute;
112
+ top: 5px;
113
+ right: 5px;
114
+ width: 8px;
115
+ height: 8px;
116
+ border-radius: 8px;
117
+ background-color: #dd524d;
118
+ }
119
+
120
+ .uni-calendar-item__weeks-box .uni-calendar-item--disable {
121
+ cursor: default;
122
+ }
123
+
124
+ .uni-calendar-item--disable .uni-calendar-item__weeks-box-text-disable {
125
+ color: #d1d1d1;
126
+ }
127
+
128
+ .uni-calendar-item--today {
129
+ position: absolute;
130
+ top: 10px;
131
+ right: 17%;
132
+ background-color: #dd524d;
133
+ width: 6px;
134
+ height: 6px;
135
+ border-radius: 50%;
136
+ }
137
+
138
+ .uni-calendar-item--extra {
139
+ color: #dd524d;
140
+ opacity: 0.8;
141
+ }
142
+
143
+ .uni-calendar-item__weeks-box .uni-calendar-item--checked {
144
+ background-color: $uni-primary;
145
+ border-radius: 50%;
146
+ box-sizing: border-box;
147
+ border: 3px solid #fff;
148
+ }
149
+
150
+ .uni-calendar-item--checked .uni-calendar-item--checked-text {
151
+ color: #fff;
152
+ }
153
+
154
+ .uni-calendar-item--multiple .uni-calendar-item--checked-range-text {
155
+ color: #333;
156
+ }
157
+
158
+ .uni-calendar-item--multiple {
159
+ background-color: #f6f7fc;
160
+ // color: #fff;
161
+ }
162
+
163
+ .uni-calendar-item--multiple .uni-calendar-item--before-checked,
164
+ .uni-calendar-item--multiple .uni-calendar-item--after-checked {
165
+ background-color: $uni-primary;
166
+ border-radius: 50%;
167
+ box-sizing: border-box;
168
+ border: 3px solid #f6f7fc;
169
+ }
170
+
171
+ .uni-calendar-item--before-checked .uni-calendar-item--checked-text,
172
+ .uni-calendar-item--after-checked .uni-calendar-item--checked-text {
173
+ color: #fff;
174
+ }
175
+
176
+ .uni-calendar-item--before-checked-x {
177
+ border-top-left-radius: 50px;
178
+ border-bottom-left-radius: 50px;
179
+ box-sizing: border-box;
180
+ background-color: #f6f7fc;
181
+ }
182
+
183
+ .uni-calendar-item--after-checked-x {
184
+ border-top-right-radius: 50px;
185
+ border-bottom-right-radius: 50px;
186
+ background-color: #f6f7fc;
187
+ }
177
188
  </style>