微信小程序按钮去除边框线分享页面功能
2019/6/27 7:45:29
本文主要是介绍微信小程序按钮去除边框线分享页面功能,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
有一个需求是分享当前页面,使用美工的分享按钮图片来分享,而小程序分享功能只有button有
open-type="share"
这个属性,使用image标签肯定不行。我是这样做的:
<button open-type="share" style="height:85rpx;width:215rpx;padding:0;background-color:#fff;border-color:#fff;margin-right:10rpx" > <image style="height:85rpx;width:215rpx;" src='../../../image/share_btn.png'></image> </button>
加入css样式去除button边框
button::after{ border: none; }
实际效果如下
这样按钮的边框就消失了,单纯的设置border:none和outline:none没用。
小程序的分享事件
/** * 用户点击分享 */ onShareAppMessage: function () { return { title: '分享', desc: '活动描述', path: '/xxx/xxxx?id=' + this.data.id } },
下面在简单看下微信小程序的button去边框代码
wxml <button class='niu'>123123</button> css niu::after{ border:none; }
总结
以上所述是小编给大家介绍的微信小程序按钮去除边框线分享页面功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对找一找教程网网站的支持!
这篇关于微信小程序按钮去除边框线分享页面功能的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-09-28基于Python+Vue开发的口腔牙科预约管理系统
- 2024-09-28基于Python+Vue开发的酒店客房预订管理系统
- 2024-09-27使用js将ETH账户的资产打散其他账户web3
- 2024-09-27我轻松地将我的 React.js 应用程序翻译成了多种语言。下面是我是如何做到的... ??
- 2024-09-27?? 使用 useMemo 和 useCallback 加速 React:告别缓慢的重新渲染!??
- 2024-09-27Vue CLI多环境配置教程:新手入门指南
- 2024-09-27Vue CLI多环境配置教程:快速入门指南
- 2024-09-27Vue CLI教程:新手入门指南
- 2024-09-27Vue CLI教程:初学者快速入门指南
- 2024-09-27Vue3公共组件教程:入门与实践