微信小程序view半圆怎么弄

为了实现晌谨微信宴搭基小程序view半圆，需要用到wxss中的border-radius属性。使用border-radius:50%，可以将view半径设置为50%，实现view的半圆效果枝巧。

画整圆，下半个圆用东西遮挡起来。 计算进度的时候设置起始位置是从左边开始，就是你那个半圆的左下。 你所有的进度都需要在原来的基础上除以2，因为现在用来显示进度的半圆是原来整圆的二分之一，整族孙圆的全部是百分之百，现在半圆的全部就兆察链是百分之五十，用百分之五十的进度表示百分之百的进度，所以就需要除以二。 不知道我有没有说明白没氏。

网页链接

1、新建一个微信小程序0607，完成后，大致架构如图。

2、打开app.json，在其中配置topbar，如图，红色部分表示的代码；注意：绿色处的逗号，不可省略。

3、上图代码运行后，即可看到添加的底部导航，如图。

4、在app.json中，再添加一个导航test，需要添加两端代码，如图中的代码1和代码2，运行成功后，会在pages文件夹下出现test文件。

5、给添加图标，要使用 iconPath，selectedIconPath这两个属性。

6、运行后，出现底部导航图标，点击选中的稿枯显示√键蔽洞，如图。

7、如果不喜欢导航放在并竖下面，可以改变position的值，将其放在最上端即可。

---