微信小程序15---将组件设置为圆形

来源:互联网 发布:葫芦丝价格淘宝 编辑:程序博客网 时间:2024/06/05 17:40

1.上图
这里写图片描述

2.index.wxss

宽高和弧度的设置

.circle{    width: 100px;    height: 100px;    border: 0 solid #ffffff;    border-radius: 500px;    box-shadow: 4px 1px 1px #cccccc;}

3.index.wxml

<button type="primary" class="circle">Content</button>
0 0