微信小程序
文章平均质量分 54
weixin_41941325
这个作者很懒,什么都没留下…
展开
-
小程序组件化开发框架---wepy 项目创建
wepy是一个优秀的微信小程序组件化框架,突破了小程序的限制,支持了npm包加载以及组件化方案。这里就以我个人的经历讲下怎么创建wepy项目。 1.首先 在桌面(自己选定目录下)新建一个文件夹,注意需要使用英文名。 2.Cmd中 进入到该文件目录下 3.安装 wepy 命令行工具。 cmd中输入: npm install wepy-cli -g4.在开发目录生成开发DE...原创 2018-04-24 22:01:25 · 1702 阅读 · 0 评论 -
小程序---将页面内容绘制成图片
本人大四实习新入职,在入职一个星期后接触到了第一个项目。 因为是新手,在整个开发过程中遇到了较多的难点:主要是canvas绘图过程中,因为商品图片和二维码来自于后台,绘制完成后发现只能在微信开发工具上显示,在真机(本人手机)上只能显示文本,图片为空白。多次测试后发现网络图片都无法在真机上绘制出来。 首先看下设计图,知道具体做的是什么样的: ——– —— 具体就是在微信小程序商品详情页...原创 2018-04-25 22:19:01 · 19348 阅读 · 0 评论 -
微信小程序-canvas绘制文字实现自动换行
在使用微信小程序canvas绘制文字时,时常会遇到这样的问题:因为canvasContext.fillText参数为 我们只能设置文本的最大宽度,这就产生一定的了问题。如果我们绘制的文本长度不确定或者我们希望文本超出自动换行或者用省略号表示,光靠这个API是无法完成的。下面本人就讲下我在开发中是如何解决这个问题的。 1 wxml代码。<canvas canvas-id="myCa...原创 2018-05-10 22:46:19 · 23877 阅读 · 10 评论 -
微信小程序--特定区域滚动到顶部时固定
项目要求: 如图所示,当页面滚动到导航条到达搜索栏下方时固定,向上滚动到导航条位置时又恢复原样。 以下是代码展示: 1.wxml<scroll-view style="width:100%;height: 100%;" scroll-y="true" bindscroll="scrollTopFun"&原创 2018-06-21 15:38:12 · 33368 阅读 · 6 评论