uni-app中常用功能记录1、加载动画显示消息提示框自带api功能https://uniapp.dcloud.io/api/ui/prompt?id=showloadinguni.showLoading({//开启动画title:'加载中'//动画提示文字});setTimeout(()=>{uni.hideLoading();//动画关闭},2000);//显示消息提示框。uni.showToast({ title:'标题', duration:2000});2、宫格布局组件宫格布局https://uniapp.dcloud.io/component/uniui/uni-grid修改sha
一、组件的介绍：组件是视图层的基本组成单元。是一个单独且可复用的功能模块的封装。组件名称是由尖括号包裹的，可以看成一个语义化标签，是有开始标签和结束标签的。如下举个简单的例子:uni-card> //这是开始标签text>这是一个基础卡片示例，内容较少，此示例展示了一个没有任何属性不带阴影的卡片。text>uni-card>//这是结束标签官网文档权威解释:基础知识的文档跳转到：组件使用的入门教程|uni-app官网uni-app的组件，分为基础组件和扩展组件。基础组件可以直接使用，不需要再注册内置组件。基础组件主要分为以下几大类 详情可以到官方文档根据需求进行了解和使用。扩展组件，则需要进行
要在uniapp中使用路由守卫，uniapp原生的api是比较欠缺的，所以要用‘uni-simple-router’插件包安装//项目根目录执行命令行下载稳定版本npminstalluni-simple-router@2.0.7//根据pages.json总的页面，自动构建路由表npminstalluni-read-pages配置vue.config.js注：如果根目录没有vue.config.js文件，要手动创建//vue.config.jsconstTransformPages=require('uni-read-pages')const{webpack}=newTransformPage
最近在一个uni-app项目中遇到一个需求,在登录页面成功登录以后需要判断身份,不同的身份的进入不同的tabBar页面,但是在uni-app项目中pages.json中的tabBar的list数组只有一个，且不能写成动态的,那如何实现这个需求呢?答案是需要我们自定义tabBar。1、我们确定在pages.json文件中的pages数组中的第一个页面就是进入程序时展示的第一个页面,那这个页面肯定就是我们的登录页面了。2、将pages.json中的tabBar的list设置为空数组,即不再使用默认系统自带的tabBar组件。3、创建tabBar.vue组件,组件内的代码内容如下。{{item.te
审核不通过的原因一般包含这几种：一、当前提审小程序代码包中地理位置相关接口(wx.getLocation)暂未开通分析原因：接口未开通。解决方法：按下图申请开通对应的接口即可。二、你所描述的小程序接口使用场景，目前未符合接入wx.getLocation（获取当前的地理位置、速度）接口的开放范围审核不通过，建议修改后重新提交。分析原因：导致此种原因一般是小程序的服务类目选择不对。解决方法：修改小程序的服务类目。三、你提供的申请原因/辅助图片/网页/视频内容无法确认申请接口使用场景审核不通过分析原因：导致此种原因一般是审核人员不知道你这个接口用在哪里。解决方法：你只需要进入你的小程序，找到用到自动
前言 在项目开发过程中，往往需要对请求进行二次封装，这篇文章将对uni.request()进行二次封装，并实现多个环境的请求配置，对请求方式，数据格式等进行封装，将请求做到最简化。一.封装uni.request()第一步基于uni.request()进行二次封装，集成项目开发中需要的参数及方法。新建src/request/index.ts文件内容如下： /***创建request请求*@returns*/constrequest=(url:string,//接口地址type:'OPTIONS'|'GET'|'HEAD'|'POST'|'PUT'|'DELETE'|'TRACE'|'CON
示例代码 错误描述当滑动后点击取消或者删除时在微信小程序报错（h5没问题），如下 问题分析个人感觉是官方写组件的时候，源码逻辑只在h5平台才去加载isPC函数，但是在调用的时候不区分平台，所以才会其他平台全部报错。解决办法把“你自己项目路径/uni_modules/uni-swipe-action/components/uni-swipe-action-item/mpwxs.js”//#ifdefH5import{isPC}from"./isPC"//#endif改成：letisPC=function(){returnfal
uni-app日历组件，兼容安卓、ios、微信、百度、抖音小程序效果图插件连接如何使用参数说明事件效果图插件连接插件链接:https://ext.dcloud.net.cn/plugin?id=7839/如何使用template> tmt-calendardefaultDate="2021-11-03":point-list="['2022-03-20','2022-04-01','2022-04-02','2022-04-05']":show="true"@changeDate="changeDate">tmt-calendar>template>参数说明参数说明类型可选值默认值pointL
解决uniapp中uni.switchTab无法传参问题描述原因分析解决方案问题描述在uniapp中使用uni.switchTab无法传参uni.switchTab({ url:`/pages/report/report?Id=${query}`})原因分析uniapp官方定义uni.switchTab无法传参参数类型必填说明urlString是需要跳转的tabBar页面的路径（需在pages.json的tabBar字段定义的页面），路径后不能带参数successFunction否接口调用成功的回调函数failFunction否接口调用失败的回调函数completeFunction否接口调用结
解决uniapp中uni.switchTab无法传参问题描述原因分析解决方案问题描述在uniapp中使用uni.switchTab无法传参uni.switchTab({ url:`/pages/report/report?Id=${query}`})原因分析uniapp官方定义uni.switchTab无法传参参数类型必填说明urlString是需要跳转的tabBar页面的路径（需在pages.json的tabBar字段定义的页面），路径后不能带参数successFunction否接口调用成功的回调函数failFunction否接口调用失败的回调函数completeFunction否接口调用结
