Vantui 轻量、可靠的移动端 Vue 组件库
postcss-pxtorem
vue：将px转化为rem，适配移动端vant-UI等框架
DatetimePicker时间选择器
vant ui 开始时间-结束时间选择器
dialog弹出框的理解
组件化调⽤
HTML
<van-button type=“info” size=“small” @click=“onClick”>dialog按钮
<van-dialog
v-model="show"
title="弹出框"
view ui框架
show-cancel-button
:beforeClose="chargeBtn"
>
<van-stepper v-model="number" min="0" integer/>
</van-dialog>
JS
data() {
return {
show: false,
number: 1,
};
},
methods: {
onClick() {
this.show = true;
},
chargeBtn(action, done) {//确认or取消
if (this.number < 0) {
this.$notify("请输⼊数量！");
done(false);
return;
}
if (action === 'cancel') {//取消按钮
done();
} else if (action === 'confirm') {//确定按钮
//向后端传值并关闭dialog弹出框
this.show = false;
});
done();
}
}
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。