老师 分享那个按钮怎么写

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕慕子 2020-03-26 20:12:07

同学你好, 老师之前只是给同学提供一个分享的示例实现思路。如果想要实现真正的分享,可以结合小程序提供的按钮去实现,示例:

wxml

<button open-type="share">
<image  class="share-img" src="/images/icon/share.png"></image> 
</button>

wxss 去掉按钮默认的样式,然后调整下样式

.circle-img Image {
width: 90rpx;
height: 90rpx;
vertical-align: middle;
}
.circle-img  button {
background: none;
border: none;
padding:0;
margin:0;
display: inline-block;
vertical-align: middle;
}
button::after{
display: none;
}
.share-img {
margin-left: 30rpx;
}

同学测试了解下就可以了。

这个目前不是我们学习的重点实际工作中实现分享功能需要结合实际的需求去实现,目前学习的重点是将视频中老师讲解的知识点完全掌握了。

同学现在还刚入门,掌握的技术还不够全面,基础相对比较薄弱,不适合做复杂的课外练习。建议同学自行完成与自身能力相匹配的拓展练习。并且合理安排时间,把学习的重点放在课程内容本身。打好基础,再去做一些课外练习,就能轻松独立完成,这样对自己的能力提升才会有很大的帮助

祝学习愉快~

好帮手慕慕子 2020-03-26 16:47:14

同学你好,可以使用wx.showActionSheet这个方法实现分享。

老师这里给同学提供的简单的参考示例:在分享按钮添加点击事件

http://img1.sycdn.imooc.com//climg/5e7c6a85095ee6ab12880076.jpg

在js中书写对应的方法

http://img1.sycdn.imooc.com//climg/5e7c6b5709f0da2010080688.jpg

wx.showActionSheet方法中参数的详细详可以参考官网了解下  https://developers.weixin.qq.com/miniprogram/dev/api/ui/interaction/wx.showActionSheet.html 

同学目前是将视频中老师讲解的知识点弄懂掌握了,wx.showActionSheet方法简单了解下, 实际工作中结合具体的场景需求灵活运用所学知识就可以了,祝学习愉快~

  • 提问者 小鲜花 #1
    怎么让他真正的分享过去呢 老师
    2020-03-26 17:45:56
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师