.
This commit is contained in:
王丹
parent
3231706250
commit
96e878c2fc
@ -34,38 +34,60 @@
|
||||
<view>出水口：<span>1-1</span></view>
|
||||
<view>阀门：三通阀</view>
|
||||
</view>
|
||||
<view class="check-box">
|
||||
<uni-forms-item>
|
||||
<uni-data-checkbox v-model="baseFormData.hobby" multiple :localdata="hobbys" />
|
||||
</uni-forms-item>
|
||||
</view>
|
||||
<uni-forms-item>
|
||||
<view class="check-box">
|
||||
<uni-data-checkbox mode="tag" v-model="baseFormData.hobby" multiple
|
||||
:localdata="open1" />
|
||||
<text>轮灌组1</text>
|
||||
</view>
|
||||
<view class="check-box">
|
||||
<uni-data-checkbox mode="tag" v-model="baseFormData.hobby" multiple
|
||||
:localdata="open2" />
|
||||
<text>轮灌组1</text>
|
||||
</view>
|
||||
<view class="check-box">
|
||||
<uni-data-checkbox mode="tag" v-model="baseFormData.hobby" multiple
|
||||
:localdata="open3" />
|
||||
<text>轮灌组1</text>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
</view>
|
||||
<view class="greybar-box">
|
||||
<view class="title">
|
||||
<view>出水口：<span>1-2</span></view>
|
||||
<view>阀门：多通阀</view>
|
||||
<view>出水口：<span>1-1</span></view>
|
||||
<view>阀门：三通阀</view>
|
||||
</view>
|
||||
<view class="check-box">
|
||||
<uni-forms-item>
|
||||
<uni-data-checkbox v-model="baseFormData.hobby" multiple :localdata="hobby" />
|
||||
</uni-forms-item>
|
||||
</view>
|
||||
</view><view class="greybar-box">
|
||||
<uni-forms-item>
|
||||
<view class="check-box">
|
||||
<uni-data-checkbox mode="tag" v-model="baseFormData.hobby" multiple
|
||||
:localdata="open1" />
|
||||
<text>轮灌组1</text>
|
||||
</view>
|
||||
<view class="check-box">
|
||||
<uni-data-checkbox mode="tag" v-model="baseFormData.hobby" multiple
|
||||
:localdata="open2" />
|
||||
<text>轮灌组1</text>
|
||||
</view>
|
||||
<view class="check-box">
|
||||
<uni-data-checkbox mode="tag" v-model="baseFormData.hobby" multiple
|
||||
:localdata="open3" />
|
||||
<text>轮灌组1</text>
|
||||
</view>
|
||||
<view class="check-box">
|
||||
<uni-data-checkbox mode="tag" v-model="baseFormData.hobby" multiple
|
||||
:localdata="open4" />
|
||||
<text>轮灌组1</text>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
</view>
|
||||
<view class="greybar-box">
|
||||
<view class="title">
|
||||
<view>出水口：<span>1-3</span></view>
|
||||
<view>阀门：多通阀</view>
|
||||
</view>
|
||||
<view class="check-box">
|
||||
<uni-forms-item>
|
||||
<uni-data-checkbox v-model="baseFormData.hobby" multiple :localdata="hobby" />
|
||||
</uni-forms-item>
|
||||
<view class="no-data">
|
||||
<view class="iconfont icon-wbd"></view>未绑定阀门
|
||||
</view>
|
||||
</view><view class="greybar-box">
|
||||
<view class="title">
|
||||
<view>出水口：<span>1-3</span></view>
|
||||
<view>阀门：多通阀</view>
|
||||
</view>
|
||||
<view class="no-data"><view class="iconfont icon-wbd"></view>未绑定阀门</view>
|
||||
</view>
|
||||
</view>
|
||||
</uni-forms>
|
||||
@ -74,7 +96,7 @@
|
||||
</uni-collapse>
|
||||
</view>
|
||||
<view class="bottom-btn">
|
||||
<u-button type="success" size="large" text="下一组" @click="" />
|
||||
<u-button type="success" size="large" text="下一组" @click="" />
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@ -86,6 +108,23 @@
|
||||
baseFormData: {
|
||||
hobby: [4],
|
||||
},
|
||||
open1: [{
|
||||
text: '1开',
|
||||
value: 0
|
||||
}],
|
||||
open2: [{
|
||||
text: '2开',
|
||||
value: 0
|
||||
}],
|
||||
open3: [{
|
||||
text: '3开',
|
||||
value: 0
|
||||
}],
|
||||
open4: [{
|
||||
text: '4开',
|
||||
value: 0
|
||||
}],
|
||||
|
||||
// 三通阀
|
||||
hobbys: [{
|
||||
text: '①开',
|
||||
@ -126,13 +165,53 @@
|
||||
uni-page-body {
|
||||
padding-bottom: 38px !important;
|
||||
}
|
||||
|
||||
::v-deep .uni-forms-item__content {
|
||||
display: flex;
|
||||
flex: none;
|
||||
width: 100%;
|
||||
|
||||
.check-box {
|
||||
padding: 10px 0;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
|
||||
text {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.uni-data-checklist {
|
||||
.checklist-group {
|
||||
width: fit-content !important;
|
||||
padding: 0;
|
||||
|
||||
.checklist-box.is--tag.is-checked {
|
||||
background-color: #39ac4f;
|
||||
border-color: #39ac4f;
|
||||
}
|
||||
|
||||
.checklist-box {
|
||||
padding: 5px 15px;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
// 表单
|
||||
::v-deep .uni-forms {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
::v-deep .uni-forms-item__label {
|
||||
min-width: 0px !important;
|
||||
min-width: 0px !important;
|
||||
}
|
||||
|
||||
.uni-forms-item {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@ -142,7 +221,8 @@
|
||||
}
|
||||
|
||||
::v-deep .uni-data-checklist .checklist-group .checklist-box {
|
||||
flex: 1;margin-right: 0px;
|
||||
flex: 1;
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
::v-deep .uni-data-checklist .checklist-group .checklist-box.is--default.is-checked .checklist-text {
|
||||
|
||||
File diff suppressed because one or more lines are too long
Binary file not shown.
@ -280,7 +280,7 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 20px 10px;
|
||||
padding: 5px 0;
|
||||
color: #a6a6a6;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user