摘要: 每个小程序成型后,一般都会选择生成带菊花码的海报分享出去来吸引更多的流量。下面来介绍下其他的一种实现方式吧 原理:主要利用微信小程序强大的Canvas API来合成,生成后可用wx.canvasToTempFilePath()导出图片地址,从而可实现预览及保存至手机相册 一、如何使用 打开项目文件夹 阅读全文
posted @ 2020-06-04 18:40 香喷喷的小烤鸡 阅读(764) 评论(0) 推荐(0) 编辑
摘要: 最近在类似于滴滴软件的一款小程序,工程确实有点大,很多东西都是第一次做。这次记录一下关于左滑删除的一个代码记录。主要的思想就是计算滑动距离的大小来使用css中的 transition 控制滑动的效果,主流的都是控制边距margin来达到左滑的效果。 根据我所拿到的ui,我所运用的是使用宽度和radi 阅读全文
posted @ 2020-06-04 18:31 香喷喷的小烤鸡 阅读(506) 评论(1) 推荐(1) 编辑
摘要: 本篇文章给大家带来的内容是关于小程序中用rich-text来实现ul功能 (代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 1 <rich-text nodes="{{nodes}}" class='nodes'></rich-text> 1 2 3 4 5 6 7 8 9 阅读全文
posted @ 2020-06-04 18:15 香喷喷的小烤鸡 阅读(858) 评论(0) 推荐(0) 编辑
摘要: 目前官方的文档里,主要是一维数组列表渲染的案例,还是比较简单单一,给刚入门的童鞋还是无从入手的感觉。 1 2 <view wx:for="{{items}}"> {{index}}: {{item.message}}</view> 还有一个九九乘法表把数据直接写到wxml里的,并不是动态二维数组的列 阅读全文
posted @ 2020-06-04 18:14 香喷喷的小烤鸡 阅读(2045) 评论(0) 推荐(0) 编辑
摘要: 实现思路: 调整页面,实现展示效果 使用wx.chooseImage实现拍照和选择照片 使用wx.previewImage实现图片预览 使用bindlongpress自定义图片删除功能 话不多说,上代码:wxml代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 阅读全文
posted @ 2020-06-04 18:11 香喷喷的小烤鸡 阅读(443) 评论(0) 推荐(0) 编辑
摘要: 本篇内容是关于微信小程序实例:获取当前城市位置及再次授权地理位置的代码实现。 1. 获取当前地理位置,可通过wx.getLocation接口,返回经纬度、速度等信息; 注意 它的默认工作机制: 首次进入页面,调用该api,返回用户授权结果,并保持该结果。只要用户未删除该小程序或变更授权情况,那么用户 阅读全文
posted @ 2020-06-04 18:09 香喷喷的小烤鸡 阅读(818) 评论(0) 推荐(0) 编辑
摘要: 本篇文章给大家带来的内容是关于微信小程序实例:实现顶部tab切换以及滑动切换时导航栏会随着移动的效果(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 实现的效果: js: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 2 阅读全文
posted @ 2020-06-04 18:07 香喷喷的小烤鸡 阅读(1064) 评论(0) 推荐(0) 编辑