![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 92
小又夫
QQ:627534595
展开
-
纯css实现百分比环形图
一、原型图二、思路第1层,绘制饼图(shape)和灰色细环部分(bottom),其中shape是根元素,所有元素都将相对shape做绝对定位。根据原型图的显示效果,对bottom的定位做一定的调整如图所示:第2层,绘制左环(ring-left)和右环(ring-right)如图所示:第3层,绘制遮罩环(.ring-hide),调整与第1层的环吻合,用于遮住右环和转动到右边区域的左环部分,制作出扇形图的效果,如图所示:第4层,显示百分比值的圆(.cover),层级最高,放在中间做遮罩,制作出环原创 2020-10-14 13:49:49 · 8886 阅读 · 2 评论 -
微信公众账号测试号的nodejs接口接入指南
小程序中想要用到微信公众号的部分接口功能,先是申请了一个未认证的个人订阅号,结果发现我想要的功能没法用所以根据微信开发文档的指示,我只能申请一个微信公众账号测试号,测试号能够使用微信公众号里除了支付以外的大部分功能,进入微信公众号测试号申请系统。接下来记录一下我用本地的nodejs服务器来接入测试号的接口的过程。一、 填写接口配置信息如上图所示,需要填写配置信息,填写完成之后,微信服务器...原创 2019-12-21 00:52:33 · 900 阅读 · 0 评论 -
uni-app(小程序)背景图片的处理
做基于uni-app的微信小程序的时候,遇到了一点问题,uni-app(小程序)背景图片的处理一直报错。背景怎么引用本地图片想要为<view>标签添加一个背景,常规做法:然后就报错啦:本地资源图片无法通过WXSS获取,可以使用网络图片,或者base64,或者使用<image/>标签解决方案按照报错信息也给出来了:使用网络图片,找个图床把你要用的图片传上去,然后以...原创 2019-12-05 17:59:33 · 9070 阅读 · 9 评论