wl-design-mobile 0.1.4 → 0.1.5
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.
|
@@ -18,18 +18,22 @@
|
|
|
18
18
|
<div>
|
|
19
19
|
<van-popup v-model:show="showBottom" :style="{ height: '33%' }" position="bottom">
|
|
20
20
|
<van-checkbox-group v-model="selectItem.K">
|
|
21
|
-
<div class="
|
|
22
|
-
<
|
|
23
|
-
|
|
24
|
-
|
|
21
|
+
<div class="bottom-div">
|
|
22
|
+
<div class="edit-top-div">
|
|
23
|
+
<van-button class="edit-cancel-btn" size="normal" @click="cancel">取消</van-button>
|
|
24
|
+
<span class="edit-select-title">请选择</span>
|
|
25
|
+
<van-button class="edit-confirm-btn" size="normal" @click="onConfirm">确认</van-button>
|
|
26
|
+
</div>
|
|
27
|
+
<div class="cell-group-div">
|
|
28
|
+
<van-cell-group>
|
|
29
|
+
<van-cell v-for="(c, index) in data" :key="index" :title="`${c.V}`" clickable @click="checkboxClick(c)">
|
|
30
|
+
<template #right-icon>
|
|
31
|
+
<van-checkbox ref="checkboxes" :name="c.K" checked-color="#0070D2" shape="square"/>
|
|
32
|
+
</template>
|
|
33
|
+
</van-cell>
|
|
34
|
+
</van-cell-group>
|
|
35
|
+
</div>
|
|
25
36
|
</div>
|
|
26
|
-
<van-cell-group>
|
|
27
|
-
<van-cell v-for="(c, index) in data" :key="index" :title="`${c.V}`" clickable @click="checkboxClick(c)">
|
|
28
|
-
<template #right-icon>
|
|
29
|
-
<van-checkbox ref="checkboxes" :name="c.K" checked-color="#0070D2" shape="square"/>
|
|
30
|
-
</template>
|
|
31
|
-
</van-cell>
|
|
32
|
-
</van-cell-group>
|
|
33
37
|
</van-checkbox-group>
|
|
34
38
|
</van-popup>
|
|
35
39
|
</div>
|
|
@@ -18,18 +18,22 @@
|
|
|
18
18
|
<div>
|
|
19
19
|
<van-popup v-model:show="showBottom" :style="{ height: '33%' }" position="bottom">
|
|
20
20
|
<van-radio-group v-model="selectItem.K">
|
|
21
|
-
<div class="
|
|
22
|
-
<
|
|
23
|
-
|
|
24
|
-
|
|
21
|
+
<div class="bottom-div">
|
|
22
|
+
<div class="edit-top-div">
|
|
23
|
+
<van-button class="edit-cancel-btn" size="normal" @click="cancel">取消</van-button>
|
|
24
|
+
<span class="edit-select-title">请选择</span>
|
|
25
|
+
<van-button class="edit-confirm-btn" size="normal" @click="onConfirm">确认</van-button>
|
|
26
|
+
</div>
|
|
27
|
+
<div class="cell-group-div">
|
|
28
|
+
<van-cell-group>
|
|
29
|
+
<van-cell v-for="(c, index) in data" :key="index" :title="`${c.V}`" clickable @click="radioClick(c)">
|
|
30
|
+
<template #right-icon>
|
|
31
|
+
<van-radio :name="c.K" checked-color="#0070D2"/>
|
|
32
|
+
</template>
|
|
33
|
+
</van-cell>
|
|
34
|
+
</van-cell-group>
|
|
35
|
+
</div>
|
|
25
36
|
</div>
|
|
26
|
-
<van-cell-group>
|
|
27
|
-
<van-cell v-for="(c, index) in data" :key="index" :title="`${c.V}`" clickable @click="radioClick(c)">
|
|
28
|
-
<template #right-icon>
|
|
29
|
-
<van-radio :name="c.K" checked-color="#0070D2"/>
|
|
30
|
-
</template>
|
|
31
|
-
</van-cell>
|
|
32
|
-
</van-cell-group>
|
|
33
37
|
</van-radio-group>
|
|
34
38
|
</van-popup>
|
|
35
39
|
</div>
|
|
@@ -117,7 +121,7 @@ export default {
|
|
|
117
121
|
this.valName = this.selectItem.V
|
|
118
122
|
this.$emit('on-ok', this.selectItem)
|
|
119
123
|
} else {
|
|
120
|
-
Toast.fail('
|
|
124
|
+
// Toast.fail('请选择内容')
|
|
121
125
|
console.error('lambo-select -- 条件选择失败，this.selectItem:', this.selectItem)
|
|
122
126
|
this.val = ''
|
|
123
127
|
this.valName = ''
|
|
@@ -144,6 +148,7 @@ export default {
|
|
|
144
148
|
},
|
|
145
149
|
},
|
|
146
150
|
created() {
|
|
151
|
+
|
|
147
152
|
},
|
|
148
153
|
}
|
|
149
154
|
</script>
|
|
@@ -66,9 +66,11 @@
|
|
|
66
66
|
justify-content: space-between;
|
|
67
67
|
height: 44px;
|
|
68
68
|
line-height: 44px;
|
|
69
|
+
background-color: rgb(255, 255, 255, 1);
|
|
69
70
|
width: 100%;
|
|
70
71
|
position: fixed;
|
|
71
|
-
z-index:
|
|
72
|
+
z-index: 1;
|
|
73
|
+
box-shadow: 0 2px 10px rgba(125, 126, 128, .16);
|
|
72
74
|
}
|
|
73
75
|
|
|
74
76
|
.edit-cancel-btn {
|
|
@@ -83,7 +85,6 @@
|
|
|
83
85
|
|
|
84
86
|
.edit-select-title {
|
|
85
87
|
font-size: 16px;
|
|
86
|
-
font-weight: bold;
|
|
87
88
|
}
|
|
88
89
|
|
|
89
90
|
/*修改单选多选的滚动条样式*/
|
|
@@ -120,3 +121,14 @@
|
|
|
120
121
|
border-radius: var(--ind-border-radius-xl);
|
|
121
122
|
background: rgba(231, 242, 250, 0.4);
|
|
122
123
|
}
|
|
124
|
+
|
|
125
|
+
.bottom-div {
|
|
126
|
+
display: flex;
|
|
127
|
+
flex-direction: column;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.cell-group-div {
|
|
131
|
+
flex: 1;
|
|
132
|
+
overflow-y: auto;
|
|
133
|
+
margin-top: 44px;
|
|
134
|
+
}
|