微信小程序> 微信小程序开发笔记(一)设置透明按钮

微信小程序开发笔记(一)设置透明按钮

浏览量:6061 时间: 来源:带着面具的熊

**

微信小程序开发笔记(1)–设置透明按钮 `

一个菜鸟的学习笔记 如有错误轻点喷 谢谢

在学习微信小程序时 遇到想做一个完全透明的按钮

  view style="width:120rpx;"           button  class="okbtn" bindtap='oknum'确认提交/button     /view`

一开始在微信公众平台的组件里发现 属性里有 plain可以使按钮透明

使用后发现背景会透明但是有边框

`view style="width:120rpx;" button  class="okbtn" bindtap='oknum' plain="true"确认提交   /button     /view`

即使在wxss里设置border也去除不了

   .okbtn{      width:240rpx;      height:90rpx;      text-align: center;       line-height: 38px;      border:none; }     .okbtn::after{            border:none; }

如图


最后在百度搜索找到方法:将中的plain属性去除

 view style="width:120rpx;"       button  class="okbtn" bindtap='oknum' 确认提交        /button      /view

然后设置wxss  的background-color: transparent;
代码:

.`okbtn{     width:240rpx;      height:90rpx;       text-align: center;     line-height: 38px;      background-color: transparent;   /*按钮透明*/       border:none;/*设置按钮边框*/}  .okbtn::after{    border:none; }`

效果:透明无边框:

**

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎