如何调整微信小程序中button标签默认边框及相关属性
微信小程序中如果使用button标签做按钮,在默认属性中,按钮是立体的有阴影和边框。
这种效果经常会和我们自己的小程序设计风格格格不入,为了去掉这种立体风格,我们可以通过修改相关css参数来对button标签进行重置和自定义。
例如我们自定义一个带图片的分享按钮:
<button class="zhuige-share" open-type="share">
<image src="../static/sharea.png" mode="aspectFill"></image>
<text>分享好友</text>
</button>
通过修改button伪类的css即可去掉边框,不能仅修改button标签
.zhuige-share::after {
border: none;
}
其他的如字体,背景色,圆角可以通过button标签或者button包含的具体标签控制。
-
微信小程序转发文件到聊天API wx.shareFileMessagewx.shareFileMessage是微信小程序转发文件到聊天API。追格小编前面分享过《wx.shareVideoMessage微信小程序转发视频到聊天接口》,有兴趣的朋友可以看看。
-
微信小程序显示 loading 提示框API wx.showLoading微信小程序显示 loading 提示框API wx.showLoading,需主动调用 wx.hideLoading 才能关闭提示框。
-
支付宝小程序INVALID_PARAMETER(订单数据同步报错)支付宝小程序订单中心提示 INVALID_PARAMETER(参数有误,不同情况下的 sub_msg 可能不同)。
-
支付宝小程序搜索关键词提示 BIZ_ERROR(没有操作权限)支付宝小程序搜索关键词提示 BIZ_ERROR(没有操作权限),错误原因可能是搜索服务工单的 appId,其所属的商家并未授权给当前操作用户
-
微信小程序移除插屏广告关闭事件的监听函数InterstitialAd.offCloseInterstitialAd.offClose是微信小程序移除插屏广告关闭事件的监听函数。onClose 传入的监听函数。不传此参数则移除所有监听函数。
-
微信小程序wx.getExtConfig获取第三方平台自定义的数据字段wx.getExtConfig是微信小程序获取第三方平台自定义的数据字段函数。
暂无评论,抢个沙发...