自定义选择弹窗

适用于表单下拉选择,多协议选择。做了多个协议以弹窗的形式展示,所以封装了个下拉弹窗。 只针对协议做了样式处理,可能不是太完美,仅供参考。
子组件 Agreement.vue






父组件引用
传值:1.value 弹窗显示隐藏,默认是隐藏的 2.cancelText 弹窗的底部文案,关闭按钮。
3.titleText 头部文案。 4.actions 中间内容,可传对象,数组。 5.actionColor 中间内容展示的颜色。 6.cancelColor 底部按钮展示的颜色 7.actionFontSize 中间内容字体的大小。 8.cancelFontSize 底部文案字体的大小。
子组件样式默认每条44,可自行修改。

  


  

自定义选择弹窗_第1张图片
这个是最终的样式展示。欢迎探讨。一起学习。

你可能感兴趣的:(前端,移动端,分享,前端,vue.js)