uniapp使用button移除边框效果demo(整理)

简介: uniapp使用button移除边框效果demo(整理)
<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber" class="login-but">
  <view class="column-me column-center row-center">
    <image src="../static/img/btn_wxdl.png" mode="aspectFit"
      class="width90 height90 margin-bottom20">
    </image>
    <view class="font-size24 color222">微信登录</view>
  </view>
</button>

使用伪元素移除after

.login-but {
  width: 180rpx;
  // height: 1rpx;
  // padding: 0;
  background-color: none !important;
  background: none !important;
  border: none !important;
  &::after {
    border: none;
  }
}
相关文章
|
7月前
|
开发框架 JavaScript 前端开发
UniApp Button讲解
UniApp Button讲解
207 1
|
7月前
Uniapp 各类 button按钮
Uniapp 各类 button按钮
74 0
uniapp-picker选择省市区效果demo(整理)
uniapp-picker选择省市区效果demo(整理)
uniapp小程序单页面改变手机电量,头部通知的颜色效果demo(整理)
uniapp小程序单页面改变手机电量,头部通知的颜色效果demo(整理)
uniapp授权小程序隐私弹窗效果demo(整理)
uniapp授权小程序隐私弹窗效果demo(整理)
uniapp小程序跳转其他小程序uni.navigateToMiniProgram效果demo(整理)
uniapp小程序跳转其他小程序uni.navigateToMiniProgram效果demo(整理)
uniapp手机号授权登录-现在只能通过手机号授权登录,后台来获取用户信息了效果demo(整理)
uniapp手机号授权登录-现在只能通过手机号授权登录,后台来获取用户信息了效果demo(整理)