uniapp扩展组件popup弹出层增加侧边弹出

1.下载popup组件，并引入项目中，具体步骤看官网2.找到popup.js定义的type，加上自己需要的侧边弹出3.找到uni-popup.vue文件，在mothods中本来定义的弹出层样式，增加自己定义的弹出层类型的样式3.1先看人家原本的3.2在基础上增加我们自己的写的4.然后在uni-popup.vue下面的style中增加样式在这里插入图片描述5.效果是这样的，样式不太好看，可以在引入的

萧棠

3908人浏览 · 2020-06-08 10:40:33

萧棠 · 2020-06-08 10:40:33 发布

1.下载popup组件，并引入项目中，具体步骤看官网
2.找到popup.js定义的type，加上自己需要的侧边弹出

3.找到uni-popup.vue文件，在mothods中本来定义的弹出层样式，增加自己定义的弹出层类型的样式
3.1先看人家原本的

3.2在基础上增加我们自己的写的

4.然后在uni-popup.vue下面的style中增加样式
在这里插入图片描述

5.效果是这样的，样式不太好看，可以在引入的页面下面的style更改

在这里插入图片描述
6.好了，这样就可以正常使用了

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^