Browse Source

样式bug修改

v2
蟑螂恶霸 2 years ago
parent
commit
d0a7890e32
  1. 30
      src/views/enforce/enforcementPlanAdd.vue

30
src/views/enforce/enforcementPlanAdd.vue

@ -33,8 +33,7 @@
@cancel="cancelSelectDate" @cancel="cancelSelectDate"
/> />
</van-popup> </van-popup>
<div style="display: flex; justify-content: space-between; width: 100%">
<div style="width: 50%">
<van-field <van-field
v-model="submitData.planName" v-model="submitData.planName"
label="计划名称" label="计划名称"
@ -42,17 +41,18 @@
required required
:rules="[{ required: true, message: '请输入计划名称' }]" :rules="[{ required: true, message: '请输入计划名称' }]"
/> />
</div>
<div style="width: 30%;"> <div class="plan-attach">
<div class="plan-time">
<van-field <van-field
v-model="data.fieldValue" v-model="data.fieldValue"
is-link is-link
readonly readonly
placeholder="选择日期" placeholder="选择时段"
@click="data.dateShowPicker = true" @click="data.dateShowPicker = true"
/> />
</div> </div>
<div style="width: 30%;"><label style="font-size: 0.4rem;">行政检查计划</label></div> <div class="plan-text">行政检查计划</div>
</div> </div>
<van-popup v-model:show="data.dateShowPicker" round position="bottom"> <van-popup v-model:show="data.dateShowPicker" round position="bottom">
<van-picker <van-picker
@ -438,4 +438,22 @@
:root { :root {
--van-dialog-width: 16rem; --van-dialog-width: 16rem;
} }
.plan-attach {
display: flex;
align-items: center;
width: 100%;
white-space: nowrap;
}
.plan-time {
margin-left: 2.67rem;
width: 2.25rem;
}
.plan-text {
min-width: 30%;
font-size: 0.37rem;
line-height: 3.25;
}
</style> </style>

Loading…
Cancel
Save