关于详情页商品图片,评论页分享图片的图片放大功能的简单逻辑思路!!!
Opened this issue · 0 comments
yangkaiyangyi commented
1.先制作一个自定义图片放大组件(子组件);利用css技术实现图片放大,背景遮罩层,用到了position定位 z-index等
2.导入父组件:具体操作:点击图片,获取到当前图片src路径,通过props方法-父传子,同时子组件显示show:true,达到图片放大效果
3.取消放大图片;;点击已经放大图片,通过$emit方法-子传父,把组件显示取消-show:false
----简单的思路,其实用插件两-三步搞定!!!
脑袋不够用,用笔来凑数