小程序使用uview中的u-popup弹窗组件

小程序封装弹窗组件(使用uview框架中的u-popup弹窗组件)

效果展示

小程序使用uview中的u-popup弹窗组件_第1张图片
小程序使用uview中的u-popup弹窗组件_第2张图片
小程序使用uview中的u-popup弹窗组件_第3张图片

代码结构

结构分析

最外层页面index.vue-可点击"选择优惠券",进入弹窗组件selector.vue进行内容选择,弹窗组件中包含滚动列表,每个列表项为一个coupon.vue组件

核心代码

index.vue
template:


	
		
			选择优惠券
		
		
			选择优惠券
			 // 设置自定义事件-方便子组件传递选择的优惠券过来
		
	
	
		
	

js:


selector.vue




coupon.vue





你可能感兴趣的:(Vue业务实战,小程序,vue.js)