Browse Source

样式bug修改

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

44
src/views/enforce/enforcementPlanAdd.vue

@ -33,26 +33,26 @@
@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="计划名称" placeholder="请输入"
placeholder="请输入" required
required :rules="[{ required: true, message: '请输入计划名称' }]"
:rules="[{ required: true, message: '请输入计划名称' }]" />
/>
</div> <div class="plan-attach">
<div style="width: 30%;"> <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