Browse Source

增加“取消/确认”按钮弹窗

v2
蟑螂恶霸 2 years ago
parent
commit
71c2c2577a
  1. 31
      src/views/enforce/enforcementPlanAdd.vue

31
src/views/enforce/enforcementPlanAdd.vue

@ -117,6 +117,11 @@
</van-action-bar>
</van-form>
</div>
<div class="van-overlay">
<div class="popup-btn">
<a>取消</a><a>确认</a>
</div>
</div>
</div>
</template>
@ -463,7 +468,31 @@
line-height: 3.25;
}
/deep/ .van-dialog__footer {
.popup-btn {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
z-index: 100;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 5rem;
height: 1.5rem;
background: #fff;
border-radius: 1rem;
}
.popup-btn a {
width: 50%;
color: #333;
font-size: 0.4rem;
text-align: center;
}
.popup-btn a:first-child {
border-right: 1px solid #ddd;
}
</style>

Loading…
Cancel
Save