微信小程序
李墨瞳
白茶清欢无别事,我在等风也等你。
展开
-
2021-04-21小程序使用Painter生成海报
需求:需要生成一张海报保存相册或者是分享给好友。如图这种。在考虑用canvas自己画还是找插件的路上,我最后选择了找插件。找到了一款很优秀的插件。小程序的painter生成海报。github上的地址(https://github.com/Kujiale-Mobile/Painter)。自己写的这个功能,我参考了2位博主的博客。(https://blog.csdn.net/hql1024/article/details/106299470?utm_medium=distribute.pc_rele原创 2021-04-21 17:16:04 · 1059 阅读 · 0 评论 -
2021-04-16 小程序自定义拍照界面
需求,需要有一个人的人脸框,需要是一个单独的页面。UI给的图是需要进行裁剪。但是我没有实现_(:з」∠)_,就先记录拍照的页面吧html:用camera组件,用cover-image来加入蒙版。拍照的按钮需要单独写在camera外面,用定位定上去就行。<view class="container"><!-- 拍照页面 --><view class="takePhoto" hover-class="none" hover-stop-propagation="原创 2021-04-16 15:20:46 · 1441 阅读 · 0 评论 -
2021-04-16 微信小程序答题进度条
需求:答题需要展示这么一个进度条。因为不是百分比,就没用官方的Process。而且需要每写一个题,这个题目下面展示进度条,其他题进度条隐藏。这里用hidden失效,我也没用flex布局,就离谱!最后我选择直接自己写属性display:{{item.hidden?'none':'block'}}进度条就是2个view叠在一起,一个宽度动态展示就行。竟然是动态展示,那只需要设一个动态值“{{progressWidth}}”HTML: <view style="display:{{ite.原创 2021-04-16 15:03:25 · 821 阅读 · 0 评论 -
2021-03-09 微信小程序多次之后无法跳转问题
出现的场景:小程序详情页或者是设置页,用wx.navigateTo 进行页面之间跳转,多次之后,无法继续跳转。原因:wx.navigateTo 最多跳转10层,超过就无法跳转了。解决方法:使用wx.navigateBack,返回上一页或者上上页。例子: choose(e){ let id = e.detail.value let name = '' let cityId = '' // console.log(e.currentTarget.dataset.原创 2021-03-09 12:02:42 · 1571 阅读 · 0 评论 -
2020-12-24 小程序监听返回事件,做拦截
需求:在做测试题的时候,用户放弃做题做提醒,引导用户继续做下去。使用了微信的官方api:wx.enableAlertBeforeUnload(链接为官方文档)直接上代码:onLoad: function (options) { wx.enableAlertBeforeUnload({ message:"您确定要退出测试吗?测试完成后将有机会享受上海龙华医院胃肠外科免费的医疗服务", success:function(res){ console.log(原创 2020-12-24 15:40:02 · 1944 阅读 · 3 评论 -
微信小程序使用echarts雷达图遇到的坑
最近一个医院的小程序需要使用雷达图来展示,简单总结一下。1:使用场景:在详情页,根据测试的题目得分画成雷达图,测试的题目会得到2种结果,高危和低危。一种雷达图,但是样式不一样。如果是标题文字颜色不用改,那就初始化一个就行。因为这2个的文字,一个文字是白色,一个文字是黑色,而文字我并没有找到可以动态更改的方法,就只能初始化2个了,初始化2个是有一些问题的。我先说只初始化一个。2:引入echarts,使用专用的小程序版本,点击去Git上下载。如果直接下载的话,echarts.js有700多k,小程序原创 2020-12-16 12:03:45 · 1889 阅读 · 0 评论 -
微信小程序input和textarea数据清除与自动填充
记录一个小问题:情况是这样的,需要一个意见弹窗,能自动填充联系方式。但是我怎么setData都没办法实现。后来发现其实是因为写HTML样式时候没有写value属性。只要写了,数据就能正常setData带出数据了,也能正常设置数据为空了。具体代码是这样: <textarea class="weui-textarea" style="font-size:26rpx;height:110px;" bindinput="descText" maxlength="200" value="{{des原创 2020-07-22 16:37:32 · 4126 阅读 · 0 评论