Skip to content

Commit adbd30a

Browse files
KuangPFKuangPF
committed
refactor(input): remove weui-cell_input
1 parent d7d862e commit adbd30a

File tree

1 file changed

+43
-26
lines changed

1 file changed

+43
-26
lines changed

‎src/pages/input/index.vue

+43-26
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,11 @@
1010
<div class="weui-cells__title">单选列表项</div>
1111
<div class="weui-cells weui-cells_after-title">
1212
<radio-group @change="radioChange">
13-
<label class="weui-cell weui-check__label" v-for="(item,index) in radioItems" :key="index">
13+
<label
14+
class="weui-cell weui-check__label"
15+
v-for="(item,index) in radioItems"
16+
:key="index"
17+
>
1418
<radio class="weui-check" :value="item.value" :checked="item.checked" />
1519
<div class="weui-cell__bd">{{item.name}}</div>
1620
<div class="weui-cell__ft weui-cell__ft_in-radio" v-if="item.checked">
@@ -26,31 +30,35 @@
2630
<div class="weui-cells__title">复选列表项</div>
2731
<div class="weui-cells weui-cells_after-title">
2832
<checkbox-group @change="checkboxChange">
29-
<label class="weui-cell weui-check__label" v-for="(item,index) in checkboxItems" :key="index">
30-
<checkbox class="weui-check" :value="item.value" :checked="item.checked" />
31-
<div class="weui-cell__hd weui-check__hd_in-checkbox">
32-
<icon class="weui-icon-checkbox_circle" type="circle" size="23" v-if="!item.checked"></icon>
33-
<icon class="weui-icon-checkbox_success" type="success" size="23" v-if="item.checked"></icon>
34-
</div>
35-
<div class="weui-cell__bd">{{item.name}}</div>
36-
</label>
37-
</checkbox-group>
33+
<label
34+
class="weui-cell weui-check__label"
35+
v-for="(item,index) in checkboxItems"
36+
:key="index"
37+
>
38+
<checkbox class="weui-check" :value="item.value" :checked="item.checked" />
39+
<div class="weui-cell__hd weui-check__hd_in-checkbox">
40+
<icon class="weui-icon-checkbox_circle" type="circle" size="23" v-if="!item.checked"></icon>
41+
<icon class="weui-icon-checkbox_success" type="success" size="23" v-if="item.checked"></icon>
42+
</div>
43+
<div class="weui-cell__bd">{{item.name}}</div>
44+
</label>
45+
</checkbox-group>
3846
<div class="weui-cell weui-cell_link">
3947
<div class="weui-cell__bd">添加更多</div>
4048
</div>
4149
</div>
4250

4351
<div class="weui-cells__title">表单</div>
4452
<div class="weui-cells weui-cells_after-title">
45-
<div class="weui-cell weui-cell_input">
53+
<div class="weui-cell">
4654
<div class="weui-cell__hd">
4755
<div class="weui-label">qq</div>
4856
</div>
4957
<div class="weui-cell__bd">
5058
<input class="weui-input" placeholder="请输入qq" />
5159
</div>
5260
</div>
53-
<div class="weui-cell weui-cell_input weui-cell_vcode">
61+
<div class="weui-cell weui-cell_vcode">
5462
<div class="weui-cell__hd">
5563
<div class="weui-label">手机号</div>
5664
</div>
@@ -61,17 +69,23 @@
6169
<div class="weui-vcode-btn">获取验证码</div>
6270
</div>
6371
</div>
64-
<div class="weui-cell weui-cell_input">
72+
<div class="weui-cell">
6573
<div class="weui-cell__hd">
6674
<div class="weui-label">日期</div>
6775
</div>
6876
<div class="weui-cell__bd">
69-
<picker mode="date" value="date" start="2015-09-01" end="2017-09-01" @change="bindDateChange">
77+
<picker
78+
mode="date"
79+
value="date"
80+
start="2015-09-01"
81+
end="2017-09-01"
82+
@change="bindDateChange"
83+
>
7084
<div class="weui-input">{{date}}</div>
7185
</picker>
7286
</div>
7387
</div>
74-
<div class="weui-cell weui-cell_input">
88+
<div class="weui-cell">
7589
<div class="weui-cell__hd">
7690
<div class="weui-label">时间</div>
7791
</div>
@@ -81,7 +95,7 @@
8195
</picker>
8296
</div>
8397
</div>
84-
<div class="weui-cell weui-cell_input weui-cell_vcode">
98+
<div class="weui-cell weui-cell_vcode">
8599
<div class="weui-cell__hd">
86100
<div class="weui-label">验证码</div>
87101
</div>
@@ -98,7 +112,7 @@
98112

99113
<div class="weui-cells__title">表单报错</div>
100114
<div class="weui-cells weui-cells_after-title">
101-
<div class="weui-cell weui-cell_input weui-cell_warn">
115+
<div class="weui-cell weui-cell_warn">
102116
<div class="weui-cell__hd">
103117
<div class="weui-label">卡号</div>
104118
</div>
@@ -116,14 +130,14 @@
116130
<div class="weui-cell weui-cell_switch">
117131
<div class="weui-cell__bd">标题文字</div>
118132
<div class="weui-cell__ft">
119-
<switch checked @change = "switchChange"/>
133+
<switch checked @change="switchChange" />
120134
</div>
121135
</div>
122136
</div>
123137

124138
<div class="weui-cells__title">文本框</div>
125139
<div class="weui-cells weui-cells_after-title">
126-
<div class="weui-cell weui-cell_input">
140+
<div class="weui-cell">
127141
<div class="weui-cell__bd">
128142
<input class="weui-input" placeholder="请输入文本" />
129143
</div>
@@ -134,7 +148,7 @@
134148
<div class="weui-cells weui-cells_after-title">
135149
<div class="weui-cell">
136150
<div class="weui-cell__bd">
137-
<textarea class="" placeholder="请输入文本" style="height: 3.3em" />
151+
<textarea class placeholder="请输入文本" style="height: 3.3em" />
138152
<div class="weui-textarea-counter">0/200</div>
139153
</div>
140154
</div>
@@ -180,10 +194,14 @@
180194
<div class="weui-agree__text">
181195
<checkbox class="weui-agree__checkbox" id="weuiAgree" value="agree" checked="isAgree" />
182196
<div class="weui-agree__checkbox-icon">
183-
<icon class="weui-agree__checkbox-icon-check" type="success_no_circle" size="9" v-if="isAgree"></icon>
184-
</div>
185-
阅读并同意
186-
<navigator url="" class="weui-agree__link">《相关条款》</navigator>
197+
<icon
198+
class="weui-agree__checkbox-icon-check"
199+
type="success_no_circle"
200+
size="9"
201+
v-if="isAgree"
202+
></icon>
203+
</div>阅读并同意
204+
<navigator url class="weui-agree__link">《相关条款》</navigator>
187205
</div>
188206
</label>
189207
</checkbox-group>
@@ -247,7 +265,7 @@ export default {
247265
this.radioItems = radioItems;
248266
},
249267
switchChange(e) {
250-
console.log("switch发生change事件，携带value值为："+ e.mp.detail.value);
268+
console.log("switch发生change事件，携带value值为：" + e.mp.detail.value);
251269
},
252270
bindDateChange(e) {
253271
this.date = e.mp.detail.value;
@@ -281,5 +299,4 @@ export default {
281299
</script>
282300

283301
<style>
284-
285302
</style>

0 commit comments

Comments
 (0)