【小程序】
smile@qingqing
只有经历最痛苦的坚持才能配得上永久的幸福!
展开
-
Error: 分包大小超过限制,main package source size 2326KB exceed max limit 2MB
uniapp微信小程序体积过大无法进行真机调试问题开发项目进行真机调试时会出现以下弹框:点击相关问题里面有相关问题回答,尝试了分包、开发者工具升级、详情勾选压缩文件(开发者工具右上角)等方法都无效,最后通过Hbuilder中发行后解决问题:发行—— 小程序–微信点击上图中的发行后控制台会开始编译,编译结束后再进行真机调试即可。希望本文可以帮到更多的人。...原创 2021-12-07 14:08:24 · 5885 阅读 · 0 评论 -
小程序中使用async出现regeneratorRuntime is not defined错误解决方法
项目中封装了请求方法后用async / await时出现regeneratorRuntime is not defined的错误,解决方法如下????????????新版本的小程序支持async / await,所以勾选下面选项后重新编译程序即可,如下图所示????????????...原创 2020-03-11 13:46:21 · 992 阅读 · 0 评论 -
小程序分类页实现
分类界页面中,左边是一级目录,右边是一级目录对应的二级目录,根据这个需求,我们数据设计的结构是数组嵌套数组,第一个数组包含一级目录数据,嵌套的数组包含的是二级目录的数据。所以不多说,直接上代码吧。wxml文件<view class="main"> <view class="categroy-left"> <!-- 当前项的id等于item项的id或者当前...原创 2019-06-18 08:35:47 · 9259 阅读 · 9 评论 -
小程序从分类页跳转到详情页的实现
小程序中从分类页跳转到详情页是否与vue项目中的方法一样呢?让我们一起来看看在小程序中是如何实现的吧(继上篇分类页的实现)。重难点:数据(参数)的传递与接收\color{red}{重难点:数据(参数)的传递与接收}重难点:数据(参数)的传递与接收先看效果图:detail.wxml文件<!--pages/detail/detail.wxml--><view class=...原创 2019-06-25 15:31:15 · 4162 阅读 · 10 评论 -
小程序中短信登录倒计时
在平时的短信登录中,当发送短信验证码后会显示倒计时,那么这个倒计时如何实现呢?wxml文件<view class='Form'> <form bindsubmit="formSubmit" bindreset="formReset" class='forms'> <view class="fidpas"> <in...原创 2019-06-17 09:13:31 · 631 阅读 · 0 评论 -
小程序自定义组件
之前做小程序开发的时候,对于开发来说比较头疼的莫过于自定义组件了,当时官方对这方面的文档也只是寥寥几句,一笔带过而已,所以写起来真的是非常非常痛苦!!好在微信小程序的库从 1.6.3 开始,官方对于自定义组件这一块有了比较大的变动,首先比较明显的感觉就是文档比以前全多了,有木有!(小程序文档),现在小程序支持简洁的组件化编程,可以将页面内的功能模块抽象成自定义组件,以便在不同的页面中复用,提高自...转载 2019-06-11 11:00:40 · 183 阅读 · 0 评论 -
微信小程序中的事件
事件的绑定点击事件:Tap长按事件:longTap触摸事件:touchstart、touchend、touchmove、touchcancel其他事件:submit input 等其中,点击事件、长按事件、触摸事件都属于冒泡事件,其他事件属于非冒泡事件。...原创 2019-06-11 08:44:05 · 265 阅读 · 0 评论 -
微信小程序的下载安装
微信小程序微信小程序,简称小程序,英文名Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。下载下载微信小程序开发者工具时可以进入这个页面:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html安装根据上面的步骤进行下载安装包...原创 2019-06-03 14:14:43 · 14750 阅读 · 0 评论 -
小程序中相关知识总结
一、视图容器movable-viewmoveable-area注意:movable-view必须在 movable-area 组件中案例index.wxml文件://index.wxml<view class="container"> <movable-area style="height: 200px; width: 200px; background: ...原创 2019-06-04 10:39:40 · 186 阅读 · 0 评论 -
小程序中页面跳转
在小程序中页面跳转的方法如下:方法一:index.wxml文件<button type='default' bindtap="goToMypage">点击跳转</button>index.js文件中的Page中写入以下代码:goToMypage:function(e){ wx.navigateTo({ url:"../mypage/mypag...原创 2019-06-05 10:33:42 · 11121 阅读 · 0 评论 -
操作反馈组件
操作反馈组件在小程序的文档中没有,所以我将其平时常用的几种组件展示如下:action-sheet:从底部弹出来的弹窗action.wxml文件<view class="container"> <button type="primary" bindtap="click">点击从底部出来弹框 </button > <action-she...原创 2019-06-06 08:44:39 · 284 阅读 · 0 评论 -
微信小程序中建立底部导航菜单——tabBar
app.json文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。相关属性解释如下:tabBar底部的 导航配置属性color未选择时 底部导航文字的颜色selectedColor选择时 底部导航文字的颜色borderStyle底部导航边框的样色list导航配置数组text导航图标下方文字...原创 2019-06-10 17:07:44 · 1000 阅读 · 0 评论 -
小程序中购物车简单功能的实现
对一个电商网站来说,购物车界面是必不可少的,因此,我将其页面中的功能实现做如下的展示(界面虽丑但功能俱全),希望给大家带来方便原创 2019-06-19 08:33:48 · 2527 阅读 · 0 评论 -
小程序的状态栏、导航条、标题、窗口背景色的设置
关于小程序导航顶部配置都写在.json文件中。相关属性及属性值属性类型默认值描述最低版本navigationBarBackgroundColorHexColor#000000导航栏背景颜色,如"#000000"navigationBarTextStyleStringwhite导航栏标题颜色,仅支持black/white\color{red}{导航栏...原创 2019-06-14 09:39:50 · 6260 阅读 · 0 评论 -
showToast 、showloading中的mask设置无效
在小程序的消息提示框中mask的设置无效。属性类型默认值必填说明titlestring是提示的内容iconstring‘success’否图标imagestring否自定义图标的本地路径,image 的优先级高于 icondurationnumber1500否提示的延迟时间maskbooleanfalse否...原创 2019-06-13 14:37:57 · 7991 阅读 · 1 评论 -
小程序搜索框的实现
搜索框搜索框无论是在电商网站还是小程序中是很常见的,那么在小程序中是如何实现的呢,我们一起来看看吧(过程遇到很多问题)。思路\color{red}{思路}思路在搜索框中输入关键词时,应该会向服务器发送请求,因为没有相关接口,所以我就模拟数据啦,用文档中API中的setStorage和getStorage在本地存储数据和读取数据,在搜索框中输入时若能匹配到则显示,若匹配不到,则显示“没有数据”...原创 2019-06-12 17:08:10 · 8170 阅读 · 2 评论