sunzhibin的博客

效果图实现思路代码过多，但不复杂采用Canvas 2D，文档请搜索h5 canvas 开发文档；定义4个canvas，通过相对定位重叠在一起： <!-- 绘制背景半圆刻度 --> <canvas type="2d" id="bgLine" style="position:absolute;"></canvas> <!-- 绘制百分比刻度（带动画） --> <canvas type="2d" id="line" st

效果图组件bottomFrame.wxml<view wx:if='{{flag}}'> <view class='wrap {{wrapAnimate}}' style='background:rgba(0,0,0,{{bgOpacity}});'></view> <view catchtap='hideFrame' class='fra...

基本效果如下：具体实现如下：第一步：新建一个 components 文件夹，用于存放我们以后开发中的所用组件，在 components 组件中新建一个popup文件夹来存放我们的弹窗组件，在popup下右击新建 Component 并命名为 popup 后，会生成对应的 json wxml wxss js 4个文件，也就是一个自定义组件的组成部分，此时项目结构应该如下图所示：第二步上代...