微信小程序-用户点击文字自动复制到剪贴板

原创 麻木  2020-04-17 17:30:25  阅读 1118 次 评论 0 条

摘要:

微信小程序-用户点击文字自动复制到剪贴板

1225.gif

js部分:

xlwb: function () {         /*xlwb可随意更改名称,与wxml的bindtap需对应!!*/wx.showToast({title: '复制成功',})wx.setClipboardData({data: "https://weibo.com/mamublog" /*这里输入你需要用户被复制的内容*/ success: function (res) {wx.getClipboardData({//这个api是把拿到的数据放到电脑系统中的success: function (res) {console.log(res.data) // data}})}})

image.png

wxml部分

<view class="wb"  bindtap="xlwb">   <!--bindtap后的名需与js的xlwb名称对应!!--><text >新浪微博:</text><text >麻木博客</text> </view><view class="wb1">\n<image src="../images/wb.png"  class="wbimg" bindtap="xlwb" ></image></view> <!--bindtap后的名需与js的xlwb名称对应!!-->

image.png

wxss部分

wxss样式还是自己调比较好一些和网页端的css样式一样.wb1{text-align: center;}.wb{padding-top: 65px;    /*上内边距*/text-align: center;          /*居中对齐*/}.wbimg{width: 95px; height:95px;}

image.png


微信扫一扫测试

image.png


打赏 支付宝打赏 微信打赏
本文地址:https://www.mamublog.cn/post/113.html
版权声明:本文为原创文章,版权归 mamublog 所有,欢迎分享本文,转载请保留出处!

推荐文章

麻木博客
麻木博客

发表评论


表情

还没有留言,还不快点抢沙发?