微信小程序按钮去除边框

wxml：

<button class=‘share‘ id=‘{{item.id}}‘ open-type="share">

<image src=‘/img/fx.png‘ class=‘img_1‘></image>

</button>

wxss：

/* 按钮 */

.share{

width: 100rpx;

height:50rpx;

background: #fff;

position:relative;

margin-top: -10rpx;

}

/* 按钮去边框 */

button::after{

border: none;

}

原文地址：https://www.cnblogs.com/junlian/p/9727215.html

时间： 2024-11-08 00:41:19

微信小程序按钮去除边框的相关文章

微信小程序按钮去除边框线，分享页面

有一个需求是分享当前页面,使用美工的分享按钮图片来分享,而小程序分享功能只有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" >

微信小程序按钮

微信小程序button组件样式 韦弦Zhy关注 22018.07.03 19:21:14字数 438阅读 108,988 button.png 上图下字.png 需要使用微信小程序button组件的open-type来实现授权之类的操作时,发现样式并不是自己想要的,然后改起来也并不是很方便,下面让我们一起看一下: 默认状态 <button>确定</button> 此时,各项值均为默认值,效果如下:有边框以及圆角 默认状态.png 设置其css如下:背景颜色background-co

微信小程序取消button边框线

先给button定义个class属性 <button class="an"> 按钮 </button> 然后再css上加上 .an::after { border: none; } 原文地址:https://www.cnblogs.com/junyi-bk/p/10600940.html

微信小程序button去除默认样式

button { font-size: 28rpx; background-color: #fff; border: none; padding: 0; margin: 0; line-height: 1; } input { outline: none; border: none; list-style: none; } button::after { border: none; } button为覆盖的样式 原文地址:https://www.cnblogs.com/jjmirai/p/959

微信小程序添加悬浮在线客服会话按钮

微信为小程序提供客服消息能力,小程序用户可以方便快捷地与小程序服务提供方进行沟通,并且已经做成了组件的形式,直接就可以调用.客服会话按钮,用于在页面上显示一个客服会话按钮,用户点击该按钮后会进入客服会话.那么如何自定义成悬浮客服会话按钮呢?随Z5Win一起来看看 1.我们可以定义contact-button的样式,加一个class.这个客服组件可以放在一个固定模板里,方便每个页面都调用到. <view> <contact-button class="img-plus-style

微信小程序开发——连续快速点击按钮调用小程序api返回后仍然自动重新调用的异常处理

前言: 小程序开发中诸如获取用户手机号码.调起微信支付.领取卡券等api都是会有一定的延迟的.也就是说通过点击按钮调用这些api的时候,从点击按钮调用api,到支付页面或者领取卡券界面展示出来是需要一定时间的,连续点击按钮,还是有可能会重复调用的. 虽然这种情况有点极端,正常用户是不会这么连续快速的点击按钮的,但是也不能排除有用户手抖,连续点了两下.如果重复调用的话,不仅体验不好,单击事件中涉及到后端接口操作的也可能引起其他异常.所以这个问题还是要处理下的. 刚开始想到的是使用loading开启

微信小程序开发——点击按钮获取用户授权没反应或反应很慢的解决方法

异常描述: 点击按钮获取用户手机号码,有的时候会出现点击无反应或很久之后才弹出用户授权获取手机号码的弹窗,这种情况下,也会出现点击穿透的问题(详见:微信小程序开发——连续快速点击按钮调用小程序api返回后仍然自动重新调用的异常处理) 异常解析: 1. getPhoneNumber的使用: 对于 getPhoneNumber(OBJECT) API,由于小程序需要用户主动触发才能发起获取手机号接口,所以该功能不由 API 来调用,需用 <button> 组件的点击来触发(具体使用方法详见getP

去除富文本中的html标签及vue、react、微信小程序中的过滤器

在获取富文本后,又只要显示部分内容,需要去除富文本标签,然后再截取其中一部分内容:然后就是过滤器,在微信小程序中使用还是挺多次的,在vue及react中也遇到过 1.富文本去除html标签 去除html标签及?空格 let richText = ' <p style="font-size: 25px;color: white">&nbsp; &nbsp; &nbsp; &nbsp;sdaflsjf的丰富及饿哦塞尔</p><s

微信小程序：实现悬浮返回和分享按钮

效果图: 数据: 依赖微信小程序接口wx.redirectTo.onShareAppMessage来完成 跳转接口: https://developers.weixin.qq.com/miniprogram/dev/api/wx.redirectTo.html?search-key=redirectTo 前端处理: 1.设置两个按钮 2.绑定对应的事件 wxml代码: css代码: ###js 代码: 代-码-下载:https://pan.baidu.com/s/1GYntkS83UadLjUY