yangkaiyangyi/prombles

关于详情页商品图片,评论页分享图片的图片放大功能的简单逻辑思路!!!

Opened this issue · 0 comments

1.先制作一个自定义图片放大组件(子组件);利用css技术实现图片放大,背景遮罩层,用到了position定位 z-index等

2.导入父组件:具体操作:点击图片,获取到当前图片src路径,通过props方法-父传子,同时子组件显示show:true,达到图片放大效果

3.取消放大图片;;点击已经放大图片,通过$emit方法-子传父,把组件显示取消-show:false

----简单的思路,其实用插件两-三步搞定!!!
脑袋不够用,用笔来凑数