今天讲的这个很基础，没有什么技术含量，大神以及完成了新手村任务的小伙伴可以不屑一顾地离开，就像下面表情一样。
开发过小程序的小伙伴们都知道，在小程序上要想实现分享功能，除了右上角微信自带的分享功能以外，还可以用按钮来触发，就是给按钮加上open-type="share"来实现，但是小程序自带的按钮可能满足不了我们的审美，抑或设计师的作品比较天马行空，比如：
此处由于没有找到合适的图片，谨以上图略表歉意[呲牙][呲牙][呲牙]
这时候有小伙伴可能想到了用css样式去调整按钮的表现效果，不过在一通扒拉扒拉之后可能效果并不如人意还花费了时间，作为一名有理想、有抱负的青年才俊程序员，怎么可能在这事上花费宝贵的时间(不要被无关紧要的事情耽搁导致加班)
为什么说今天这个很基础呢，下面简单讲一下就知道了，我们以下图为例:
这种带图标的按钮很常见，uni-app插件市场上也有很多类似的组件库，由于是在手机上写的，我们今天就不上代码了
布局大概就是上面的样子，我们只需要将quick-button的position设置为relative，将button的position设置为absolute，top、bottom、left、right全部设为0，最后将opacity也设为0，其它的内容就有我们自由发挥了，这样，就实现了自定义分享按钮了
说到最后，其实就是将一个透明按钮覆盖在其它内容之上而已了，所以是不是特别基础呢？
| 留言与评论（共有 0 条评论） “” |
