如何通过uni-popup 实现类似京东的分享界面

分类：uni-app

关联插件： uni-popup 弹出层

插件讨论

请问如何通过uni-popup 实现类似京东的分享界面
我采用了一个居中弹出和分享的，但是居中弹出的遮罩会覆盖分享的，

2022-09-27 11:45 负责人:无分享

2 个回复

CODE_XU

你可以在 popup 内利用 css 定位实现中间的内容

我爱吃飞鱼 (作者)

请问具体是要怎么实现，是用uni-popup-share 这个组件进行修改吗

2022-09-27 12:07

CODE_XU

<uni-popup ref="share" type="share" safeArea backgroundColor="#fff">  
    <uni-popup-share></uni-popup-share>  
    <view class="center-view">center</view>  
</uni-popup>  

.center-view{  
    position: absolute;  
    top: -300px;  
    height: 200px;  
    right: 50px;  
    left: 50px;  
    background-color: #fff;  
}

我爱吃飞鱼 (作者)

谢谢已经实现效果了

2022-09-27 15:15

该问题目前已经被锁定, 无法添加新回复

如何通过uni-popup 实现类似京东的分享界面

2 个回复

公告

相关问题

如何通过uni-popup 实现类似京东的分享界面

与内容相关的链接

2 个回复

公告

相关问题