![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序模块
文章平均质量分 55
皮皮灬虾
代码“虐”我千万遍,我待代码如初恋!
展开
-
小程序富文本解析(mp-html组件)
微信小程序解析html大概有几种方式,我用过的有这三种rich-textweb-viewwxParsemp-html,各有各的优缺点,亲测,发现还是mp-html好用点。废话不多说,直接上代码。原创 2023-11-17 11:22:59 · 798 阅读 · 0 评论 -
微信小程序点击图片预览真机无法显示的问题
问题: 用开发者工具开发编辑时,点击图片预览,一直显示黑屏加载转圈中…如图所示:实际效果图:话不多说,直接上代码1、html代码:<view class="img-box"> <view class="imgs" wx:for="{{imgList}}" wx:key='id'> <image src="{{item.imgurl}}" bindtap="clickImg" data-url="{{item.imgurl}}" />原创 2021-08-27 11:30:35 · 1617 阅读 · 3 评论 -
微信小程序实现吸顶效果
微信小程序实现吸顶效果这篇文章主要为大家详细介绍了微信小程序实现吸顶效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下最开始的时候,在小程序中实现吸顶效果,开发工具看起来还挺好的,但是在真机上就会有问题了。 原因是我不停的去 setData 会导致操作反馈延迟严重,无法及时将操作处理结果及时传递到视图层。后面就对代码进行了调整,避免不停的去setData效果图吸顶前吸顶后代码部分wxml<view style="width: 90%; hei原创 2020-11-10 21:06:14 · 3691 阅读 · 0 评论 -
小程序——切割字符串
小程序——切割字符串做完项目整理了下小程序的字符串切割的常见几种方法JS对字符串进行切割截取1.函数:split()功能:使用一个指定的分隔符把一个字符串分割存储到数组例子:str=”jpg|bmp|gif|ico|png”; arr=str.split(”|”);//arr是一个包含字符值”jpg”、”bmp”、”gif”、”ico”和”png”的数组2.函数:join()功能:使用您选择的分隔符将一个数组合并为一个字符串例子:var delimitedString=my原创 2020-07-01 17:45:48 · 9978 阅读 · 0 评论 -
微信小程序下拉刷新上拉加载更多
微信小程序下拉刷新/上拉加载更多前言:今天说说小程序的分页功能做这个功能之前,咱们可以先看看微信小程序官方文档,有这个API的查看文档,在用page()函数注册页面的时候有这样的两个对象参数用户判断用户在最顶部下拉和到达最底部在小程序里,用户顶部下拉是默认禁止的,我们需要把他设置为启用,在app.json中的设置对所有页面有效,在单独页面设置则对当前页面有效;看一下json文件:"enablePullDownRefresh": true,有同学说设置完之后可以下拉,但是看不到图标;在原创 2020-06-16 10:56:01 · 873 阅读 · 1 评论 -
一、Canvas应用的背景(个人理解)及基础语法
一、Canvas应用的背景(个人理解)及基础语法基础语法Canvas本质是一个可以使用脚本(通常为JavaScript)来绘制图形的 HTML 元素,默认大小为300像素×150像素(宽×高,像素的单位是px),通过JavaScript上下文对象动态创建图像。比如,画线、画矩形、涂颜色甚至生成带二维码的海报。原理就是一笔一笔的画,画一条横线,再画一条横线等等,就是不断地创建路径、绘制路径,然后...原创 2019-12-19 09:39:00 · 300 阅读 · 0 评论 -
小程序-按钮透明无边框
小程序-按钮透明无边框老规矩,多话不说,直接上代码一、wxml代码<button class="getUserInfo" open-type="getUserInfo" bindgetuserinfo="getUserInfo" plain="true" hover-class="active">点击登录</button>解释:open-type:微信开放能...原创 2019-10-08 14:54:20 · 2532 阅读 · 3 评论 -
小程序模拟淘宝京东商品轮播滑动展示功能模块
小程序模拟淘宝京东商品轮播滑动展示功能模块多话不说直接上传代码一、wxml代码模块如下:<!--轮播图--><swiper autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="true" bindchange="swiperChange" current="{{...原创 2019-09-29 18:32:45 · 1071 阅读 · 0 评论 -
小程序实现完整购物车[全选反选计算金额加减计算数量跟金额]
小程序实现完整购物车[全选/反选计算金额/加减计算数量跟金额]一、wxml页面代码模块<view wx:if="{{hasList}}"> <view class="order_list"> <view class="order" wx:for="{{list}}" wx:key="{{index}}"> <view class...原创 2019-09-26 16:35:56 · 1155 阅读 · 0 评论 -
微信小程序回到顶部的两种方式
微信小程序回到顶部的两种方式一,使用view形式的回到顶部HTML部分代码:<!--点击回到顶部按钮--><image src='../../img/button-top.png' class='goTop' hidden='{{!floorstatus}}' bindtap="goTop"></image>CSS部分代码:/* 返回顶部 */....原创 2019-09-04 17:15:16 · 830 阅读 · 2 评论 -
微信小程序、微信公众号、H5之间相互跳转
微信小程序、微信公众号、H5之间相互跳转一、小程序和公众号答案是:可以相互关联。在微信公众号里可以添加小程序。图片有点小,我把文字打出来吧:可关联已有的小程序或快速创建小程序。已关联的小程序可被使用在自定义菜单和模版消息等场景中。公众号可关联同主体的10个小程序及不同主体的3个小程序。同一个小程序可关联最多50个公众号。1、公众号跳小程序比如说 “丰巢快递柜” 公众号关联的小...原创 2019-08-28 10:29:36 · 443 阅读 · 0 评论 -
目前为止最全的微信小程序项目实例
目前为止最全的微信小程序项目实例wx-gesture-lock 微信小程序的手势密码WXCustomSwitch 微信小程序自定义 Switch 组件模板WeixinAppBdNovel 微信小程序demo:百度小说搜索shitoujiandaobu 小程序:石头剪刀布(附代码说明)audiodemo 微信小程序开发之视频播放器 Video 弹幕 弹幕颜色...原创 2018-06-04 20:29:38 · 3003 阅读 · 0 评论 -
小程序学习之一-------轮播图模块
小程序学习之一——-轮播图模块1—页面(.wxml)wxml页面代码: <swiper class="banner" indicator-dots="true" autoplay="true" interval="3000" duration="500"> <block wx:for="{{banners原创 2018-06-04 20:27:32 · 780 阅读 · 0 评论 -
目前为止最全的微信小程序项目实例
目前为止最全的微信小程序项目实例wx-gesture-lock 微信小程序的手势密码WXCustomSwitch 微信小程序自定义 Switch 组件模板WeixinAppBdNovel 微信小程序demo:百度小说搜索shitoujiandaobu 小程序:石头剪刀布(附代码说明)audiodemo 微信小程序开发之视频播放器 Video 弹幕 弹幕颜色...原创 2018-04-16 19:52:50 · 783 阅读 · 0 评论