小程序button的原生组件很难修改,在导致我们在UI样式设计上有很大的限制。我是使用的方式通过跳过对button样式的设置来实现对界面样式的美化。
思路:1.让button组件绝对定位在设计好的样式上面,设置宽高,通过遍历循环和溢出隐藏让button组件占到相应宽高,设置button让其变透明。
2.给button加了一个样式属性 plain=“true” 以后,再在样式文件中控制样式 button[plain]{ border:0 } ,就可以比较随便的自定义样式了
这个就是设计的页面,要添加button邀请好友功能但是button的样式修改很难达到这种程度
wxml
<view class="bg-white padding">
<view class='fenxiang'>//button原生组件
<button open-type