![](https://img-blog.csdnimg.cn/20210706110546723.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
【Uni-App小程序】
文章平均质量分 56
Uniapp小程序
不停喝水
Web. Write Less,Do More
展开
-
【Uni-App】用 uView 组件库中的u-picker 实现地区的 省-市-区 三级联动&确认&回显
uniapp 用 uView 组件库中的u-picker 实现地区的 省-市-区 三级联动原创 2023-01-10 16:09:59 · 6903 阅读 · 3 评论 -
【Uni-App】vscode 开发uni-app 配置eslint、prettier 实现代码检查和代码自动格式化
> 本来很早之前就想总结一下关于uni-app的一些代码自动格式化方面的配置> 因为公司项目原因,拆分了新老项目,需要带新人,每个人的开发方式不一样> 所以为了项目的代码风格统一性,以及为了避免后期的git分支操作冲突> > 我自己的 HbuiiderX开发uni-app时已经搞好了代码检查和自动格式化,奈何其他同事都不会设置,导致了很多次代码提交,显示有很多改动,导致代码覆盖问题。> 于是有了这篇文章。> 本文实现的方式是:利用vscode进行编码,用HBuilderX进行开发原创 2022-12-15 13:41:31 · 7114 阅读 · 0 评论 -
【Uni-App】uniapp使用uview实现弹出键盘输入密码/验证码功能
通过dot-enabled(默认为true)参数配置,设置是否显示键盘的点(“.”)按键,只在"mode = number"时生效,因为车牌号和身份证键盘,用不到"."这个按键。通过mode参数定义键盘的类型,v-model绑定一个值为布尔值的变量,我绑定的是showKeyboard变量,控制键盘的弹出与收起;输入值是通过组件的change事件实现的,组件内部每个按键被点击的时候,组件就会发出一个change事件,回调参数为点击的按键的值。通过confirmBtn参数配置是否显示工具条右边的"完成"按钮。原创 2022-12-12 19:45:54 · 4641 阅读 · 1 评论 -
【Uni-App】uview 开发app,密码显示隐藏功能发布线上不生效
登录功能密码小眼睛功能,u-input组件切换password属性(即 显示,隐藏密码)时,app不生效。项目场景:使用uni-app加uview实现:app,H5,小程序三端项目开发。uview源码中的设置是。原创 2022-12-12 15:23:39 · 1453 阅读 · 2 评论 -
【Uni-App】点击分享,生成海报带二维码,保存到本地图片,写入文字
点击分享,生成海报带二维码,保存到本地图片原创 2022-12-02 11:53:15 · 1958 阅读 · 2 评论 -
【Uni-App】小程序系列-提交订单防止重复点击
uni-app中防止重复点击 1.在根目录下common文件创建noclick.js文件,代码直接复制粘贴即可。原创 2022-10-24 11:29:30 · 1460 阅读 · 0 评论 -
【Uni-App】uniapp-H5页面刷新后返回失效,页面栈清空问题,navigateBack失效问题
想到的解决方案使用原生js的history对象,封装一个兼容uniapp api和原生js的返回的方法。在打包生成的H5项目里,刷新后,页面回调,这时候使用uniapp原生的返回api方法会失效。方法获取页面栈只有当前页面页面无法返回,一直在当前页面刷新闪烁。由于页面回调后导致当前页面刷新,使用。原创 2022-09-28 16:35:10 · 7766 阅读 · 0 评论 -
【小程序项目】=> 支付对接
const vm = this uni.getUserProfile({ lang:'zh_CN', desc:'登录', success:(res)=>{ uni.login({ success(res){ vm.code = res.code vm.api.post({ url: '/..原创 2022-06-02 10:39:03 · 95 阅读 · 0 评论 -
【小程序系列】navigateTo跳转超过10次点击失效
navigateTo跳转超过10次点击失效原创 2022-02-08 14:02:15 · 2491 阅读 · 1 评论 -
【小程序系列】使用Mixins自动适配各种机型的头部距离
使用Mixins自动适配各种机型的头部Q1:小程序各种机型的适配是不一样的Q2:每个页面都需要用到,不能每个页面都写一遍计算吧A2:创建mixins.js文件Q3:如何使用呢Q1:小程序各种机型的适配是不一样的A1:微信开发者工具里面是有各种各样的机型匹配如果头部距离写死,可能会导致下面这种问题iphone6-7是ok的,但是x以上就不行Q2:每个页面都需要用到,不能每个页面都写一遍计算吧A2:创建mixins.js文件export default { data() {原创 2022-02-07 14:39:55 · 458 阅读 · 0 评论 -
【小程序系列】[02]优购项目 分类 搜索
适应不同型号手机动态绑定可视高度<scroll-view scroll-y="true" class="left-scroll-view" :style="{height:wh+'px' }"> <block v-for="(item,index) in cateList" :key="index"> <view :class="['left-scroll-view-item' ,active == index ? 'active' :'']" @原创 2020-11-24 19:36:32 · 246 阅读 · 0 评论 -
【小程序系列】[03] 商品
轮播图和预览效果<swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" :circular="true"> <swiper-item v-for="(item,index) in goods_info.pics" :key="index"> <image :src="item.pics_big" @click="preview(index)">原创 2020-11-26 21:54:03 · 134 阅读 · 0 评论 -
【小程序系列】[01]优购项目 起步,tabBar,首页
小程序项目一定要 npm init -y 不然很多BUG "subpackages":[ { "root":"subpkg", "pages":[ { "path":"goods_detail/goods_detail", "style":{ "enablePullDownRefresh":false } }原创 2020-11-23 20:44:10 · 172 阅读 · 0 评论 -
【小程序系列】使用uView 自定义配置uni-app原生中的tabBar
一、uView是什么?uView是uni-app生态专用的UI框架,是一个开源、免费的优秀框架。二、安装与配置官方文档讲的很详细,所以这里就直接引用:安装与配置三、使用步骤在完成第二步,并成功引入后,进行如下步骤:1、创建tabBar对应的页面文件2、配置page.json中的tabBar属性需要注意的是,这里仅需配置tabBar中list属性中各页面的路径,如下图所示:这里要注意了,和官方文档不一样,但确实是不需要加/因为我在实测过后发现加/是无效的,在去掉/后原创 2021-07-05 20:19:26 · 5044 阅读 · 3 评论 -
【小程序系列】 [05] npm包的使用 全局数据共享 分包 自定义tabBar案例
原创 2020-11-22 18:15:08 · 112 阅读 · 0 评论 -
【小程序系列】 [04] 组件
chrome-extension://bocbaocobfecmglnmeaeppambideimao/pdf/viewer.html?file=https%3A%2F%2Fgitee.com%2Fnotlaughingzzm%2Fapplet-notes%2Fraw%2Fmaster%2F%25E7%25AC%2594%25E8%25AE%25B0%2F%25E5%25B0%258F%25E7%25A8%258B%25E5%25BA%258Fday4.pdf原创 2020-11-19 19:24:19 · 420 阅读 · 0 评论 -
【小程序系列】 [03] 导航 页面事件 生命周期 WXS脚本 本地生活案例(列表页面)
1. 页面导航1. 什么是页面导航页面导航指的是页面之间的相互跳转。例如,浏览器中实现页面导航的方式有如下两种:a 链接location.href a链接导航称之为声明式导航, location.href 赋值的方式称之为编程式导航2. 小程序中实现页面导航的两种方式① 声明式导航在页面上声明一个 导航组件通过点击 组件实现页面跳转② 编程式导航调用小程序的导航 API ,实现页面的跳转1.1. 声明式导航导航到 tabBar 页面tabBar 页面指的是被配置为 tabBar 的原创 2020-11-18 21:38:24 · 384 阅读 · 0 评论 -
【小程序系列】 [02] 模板语法 配置 网络数据请求 本地生活案例
1.WXML 模板语法1.1.数据绑定小程序中, 数据绑定分为2个步骤: ① 在 data 中定义数据② 在 WXML 中使用数据在 data 中定义页面的数据在页面对应的 .js 文件中,把数据定义到 data 对象中即可在 WXML 中使用数据把data中的数据绑定到页面中渲染,使用 Mustache 语法(双大括号)将变量包起来即可。1.12运算(三元运算、算术运算等)数据如下:<view>{{randomNum >= 2? '数字大于5':'不大于5'}}&原创 2020-11-16 19:29:47 · 228 阅读 · 0 评论 -
【小程序系列】 [01] 基础知识
3.小程序代码的构成3.1.项目的基本组成结构pages 用来存放所有小程序的页面,每个页面都是一个单独的文件夹utils 用来存放工具性质的模块app.js 整个小程序项目的入口文件app.json 小程序项目的全局配置文件app.wxss 小程序项目的全局样式文件project.config.json 项目的配置文件sitemap.json 用来配置小程序及其页面是否允许被微信索引3.2.小程序页面的组成部分每个页面由 4原创 2020-11-15 11:53:24 · 335 阅读 · 0 评论