微信小程序
文章平均质量分 59
微信小程序
竹叶轻拂水
你若盛开,清风自来
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
微信小程序实现左滑删除
目录代码思路:代码实现:jsHTMLcss项目中的消息列表,和购物车列表需要左滑删除的需求还是挺多的,下面是消息左滑删除的思路和代码实现;代码思路:1、在获取到消息列表的时候,给每个消息一个是否显示删除按钮的默认值,全部为false2、页面上消息列表每一项后面都有一个删除按钮,用transform和margin-left,flex结合使删除按钮隐藏在列表后面,动态绑定class,当需要显示删除按钮的时候,通过css的transform来显示删除按钮3、给消息列表和删除按钮的父盒子绑定开始触摸和触摸原创 2021-12-30 15:48:27 · 3808 阅读 · 2 评论 -
微信小程序实现朋友圈图片展现形式
朋友圈图片展现形式:1、一张宽图:宽度100%,高度自适应2、一张长图:高度全部展示,有最大高度,宽度自适应3、多张图片:除去一张,两张和四张的时候是一排两张,其他都是一排三张,依次向后累加4、视频:宽度是屏幕宽度的一半,高度自适应(视频的展现形式可能和朋友圈有些出入)下面只展示图片视频相关代码:wxml: <!-- 图片和视频 --> <view class="img_box"> <view class="{{bookItem.roadBook.原创 2021-08-15 20:31:55 · 3903 阅读 · 4 评论 -
微信小程序自定义map组件标记点markers(兼容苹果和安卓)
先来看实现效果图(uniapp实现,代码在下面)在图片中我们看到标记点有以下需求:1、标记点是自定义的,并不是微信默认2、标记点的自定义icon有四种形式3、数字是动态的4、数字颜色有两种形式1、自定义标记点2、自定义标记点icon(marker属性下使用)3、动态数字(marker属性下使用)数字动态展示使用marker的callout和label都可以,但是在苹果手机不显示label,在安卓手机上callout定位无效,所以在使用的时候用wx.getSystemInfo获取原创 2021-05-11 14:24:11 · 14961 阅读 · 9 评论 -
如何在微信小程序中使用npm
微信小程序官方组件很局限,想要实现复杂的功能,引入别人写好的组件会事半功倍,所以能在微信小程序使用npm显得很重要1、创建package.json文件微信小程序默认没有package.json文件的,我们可以在小程序根目录下的命令窗口执行npm init生成package.json...原创 2020-11-17 09:14:53 · 685 阅读 · 0 评论
分享