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

原创 麻木  2020-04-17 17:30:25  阅读 366 次 评论 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
版权声明:本文为原创文章,版权归 麻木 所有,欢迎分享本文,转载请保留出处!

推荐文章

麻木博客
麻木博客

发表评论


表情

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