uni-app
uniapp
我们都是柠檬精诶
哈 哈哈 哈哈哈 哈哈哈哈
展开
-
动态获取 微信小程序appid / 自定义启动命令
可以在 vite.config.ts 文件中,添加 define 共享选项。打开App.vue文件,在 onShow 里面去执行仓储的赋值。原创 2024-02-20 16:50:29 · 1642 阅读 · 0 评论 -
使用HBuilderX(app板)创建uniapp+uview项目
由于小王同学的号令,我要写个文档交塔使用HBuilderX(app板)创建uniapp+uview项目。Step1:右键创建项目,选择uni-app,模板选择uView UI,点击创建,框架就搭建好了。Step2:这个时候的目录结构就是这样哒。Step3: 运行项目时,随便打开一个文件,比如上图的 package.json 文件,选择 运行—运行到浏览器—Chrome,运行完毕就会自动打开谷歌浏览器(如果你默认刘安琪是谷歌的话)...原创 2021-01-30 11:50:03 · 1798 阅读 · 0 评论 -
uniapp 强制刷新
this.$forceUpdate()原创 2021-01-27 11:47:34 · 6214 阅读 · 0 评论 -
uniapp子组件路由跳转老是失败
第一个页面里有个子组件,要从子组件跳转到第二个页面解决办法: (1)页面1、2都在配置page.json里面的page里定义过(前提) (2)uni.navigateTo 的 url配置地址要相对于第一个页面,也就是子组件的父页面uni.navigateTo({ url: "./info"})感谢这个博主~:空晓天...原创 2021-01-27 11:28:59 · 2113 阅读 · 0 评论 -
uniapp uni.switchTab()传值问题解决
实现功能:账号切换后返回列表页,根据拿到的数据再次进行数据查询。思路:可以使用异步本地存储,存储一个值,返回后在onShow周期函数中异步拿取并注销。(1)返回方法back()中写try { uni.setStorageSync('jumpTo', true);} catch (e) { // error}uni.switchTab({ url: '../../orderList/index/index'});this.show = false // 关闭 pop弹窗(..原创 2021-01-14 17:01:27 · 17634 阅读 · 0 评论 -
将时间(2021-03-13 00:00:00)格式化时间戳(uniapp+uview)
将时间(2021-03-13 00:00:00)格式化时间戳Math.round(new Date(val) / 1000)main.jsVue.prototype.$timeStamp = function(val) { let times = Math.round(new Date(val) / 1000) return times}使用:{{ $u.timeFormat($timeStamp(res.time), 'yyyy-mm-dd hh:MM:ss') }}...原创 2021-01-12 14:08:57 · 6507 阅读 · 2 评论 -
uniapp H5打包
1、发行—— 网站-H5手机版(仅适用于uniapp)(H)2、打开后点击 —— 发行控制台显示3、打包成功后,路径后面 快捷键 alt + 点击 打开4、打包static 和 index.html 文件给后端就行了原创 2021-01-08 10:09:36 · 646 阅读 · 0 评论 -
uniapp H5顶部状态栏+导航栏高度修改
1、导入uniapp自定义导航栏 传送门导入之后,打开官方查件 uni-nav-bar,修改官方给出的插件高度是44px,并且放到了类 uni-navbar__header 里面。 $nav-height: 55px; // 将 44 改成你最合适的数字 我的是 55 .uni-navbar__header { /* #ifndef APP-NVUE */ display: flex; /* #endif */ flex-direction: row; wid原创 2021-01-07 13:58:34 · 8319 阅读 · 0 评论 -
uniapp uview自定义导航栏问题
1、2、隐藏系统导航栏“navigationStyle”: “custom”"pages": [ // navbar-自定义导航栏 { "path": "/pages/navbar/index", "style": { "navigationStyle": "custom" ,// 隐藏系统导航栏 "navigationBarTextStyle": "white" // 状态栏字体为白色,只能为 white-白色,black-黑色 二选一 } }]...原创 2021-01-06 18:22:36 · 5855 阅读 · 1 评论 -
uniapp H5 通过判断当前系统是 Android 还是 IOS 处理时间显示问题
uniapp H5 判断当前系统是 Android 还是 IOS。传送门uni.getSystemInfoSync().platformIOS 支持 2021/01/01 带 “ / ” 的格式Android 支持 2020-01-01 带 “ - ” 的格式// 判断手机平台是 Android 还是 IOSif (uni.getSystemInfoSync().platform === 'android') { // console.log('运行Android上') let times原创 2021-01-06 16:26:42 · 3577 阅读 · 0 评论 -
vuex存储和本地存储(localstorage、sessionstorage)的区别
sessionStorage sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后,数据会被删除。用法:储存: 1. 点(.)运算符 : sessionStorage.lastname = ‘JSAnntQ’; 2. 方括号([ ])运算符 : sessionStorage[‘lastname’] = ‘JSAnntQ’; 3. localStorage.setItem : sessionStorage.原创 2021-01-04 11:44:27 · 252 阅读 · 0 评论 -
uniapp H5获取当前url参数
项目是H5,需要嵌入到App中,用户进入App时,点击H5会有一个url,并携带一个用户token参数,H5需要获取这个token.1、弦方法main.js文件,进行全局注册Vue.prototype.$getURLParams = function() { var url = window.location.search; var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1原创 2020-12-31 15:08:02 · 10240 阅读 · 5 评论 -
js日期时间格式处理(main.js)
/** * * 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符, * 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字) * 例子: * Format("2016-10-04 8:9:4.423","yyyy-MM-dd hh:mm:ss.S") ==> 2016-10-04 08:09:04.423 * Format("1507353913000","yyyy-MM-dd hh:mm:ss.S")原创 2020-12-26 15:40:19 · 399 阅读 · 0 评论 -
uniapp+uview Select选择器数据绑定不是想要的问题
扫盲:value用于在回调时,区别选择了哪一个(针对开发者),相当于键值对的_Keylabel用于展示在选择器中,供用户选择和查看(针对用户),相当于键值对的_Value描述:在表单绑定中,如果后台传过来的数据是数字(也就是value),这个时候为了展示需要把数字转换成对应文字。解决思路:1、拿到数据时对其进行转换,转换成对应值(也就是 label)2、在提交到接口前,在对其进行转换,变成后台想要的数据。Trouble:思路是对的,但是如果在列表数据多的情况下,就需要自己封装一个转换的方.原创 2020-12-24 09:41:20 · 4457 阅读 · 0 评论 -
报错:Duplicate keys detected: ‘c3018eb8aa9d481f88644bd9f23e2560‘. This may cause an update error
控制台突然报错:Duplicate keys detected: 'c3018eb8aa9d481f88644bd9f23e2560'. This may cause an update error.found in原因:v-for 循环 key 值有重复。原创 2020-12-16 09:06:18 · 185 阅读 · 0 评论 -
解决uview from-item 项里溢出隐藏问题
不知道什么原因,但是可以加个一个底部边距。原创 2020-12-11 13:40:22 · 1174 阅读 · 1 评论 -
uniapp+uview @tap.stop=“stop“阻止冒泡失效 bug
阻止事件冒泡时,直接在需要使用的方法上加 .stop 无效,需要在外层加一层标签 <view @tap.stop=“stop”>原创 2020-12-08 18:42:53 · 7478 阅读 · 2 评论 -
报错:uni-app跨域请求报错
编辑器:HBuilderX语言架构:uni-app + uview+ luch-Request报错情况:本地运行后端 jar 包,列表页面访问没有问题,打开子组件详情页却跨域错误。但是换台电脑的情况下,相同条件,运行却都是 ok 的,包括详情页面的请求。原因:一开始是以为luch-Request的原因,后来想到HBuilderX软件的不完善,就重新下载了配置了,然后就是这么神奇,好了。总结下来,你如果和我情况相同,就可以试试重新下载 HBuilderX 编辑器。...原创 2020-12-08 09:56:08 · 1262 阅读 · 1 评论 -
报错:SyntaxError: Unexpected token u in JSON at position 0 at JSON.parse (<anonymous>)
因为JSON.parse()解析的值是undefined,即JSON.parse(undefined)。可以在在使用之前记得判断一下原创 2020-12-03 16:34:08 · 4335 阅读 · 0 评论 -
uniapp:插件Luch_request 修改全局默认配置(转载请标明原创)
目的是为了方便前端以后修改接口,以下是修改方法。一、插件市场 导入 luch-request ,导入成功后,根目录有一个文件夹叫 js_sdk ,打开会发现有一个 luch-request 文件夹。二、根目录新建文件夹 utils ,将下载的 luch-request 文件夹复制到 utils 下。三、新建文件夹 config 下创建一个 luch-common.js 文件(详见下文),Luch-request 官网 上面给出,全局配置修改要使用 setConfig ,。luch-comm.原创 2020-12-02 09:37:04 · 1564 阅读 · 0 评论 -
uniapp项目下拉刷新、上拉加载功能实现。
1、下拉刷新(1)在 page.json 文件夹下找到对应页面,并在style下加入 — “enablePullDownRefresh”: true ,如下: { "path": "pages/order/orderList/index/index", "style": { "navigationBarTitleText": "订单", "navigationBarTextStyle": "white", "enablePullDownRefresh": true原创 2020-11-30 14:59:46 · 1637 阅读 · 0 评论 -
uniapp报错:WARN “css.modules“ option in vue.config.js is deprecated now, please use “css.req
报错:WARN “css.modules” option in vue.config.js is deprecated now, please use “css.requireModuleExtension” instead.翻译:警告“css.模块“中的选项 vue.config.js 版已弃用,请使用“css.requireModuleExtension“相反。原创 2020-11-30 10:07:43 · 5093 阅读 · 0 评论 -
uview颜色搭配
一、字体颜色uview 分别提炼了4种用于文字颜色,分别是:主要文字、常规文字、次要文字、占位文字颜色。 主要文字颜色一般用于内容的标题等,如新闻列表的标题常规文字颜色一般用于内容的主体,如新闻列表的概要 次要文字颜色一般用于内容的提示部分,如新闻列表底部的时间,评论数量的提示文字占位文字颜色属于更浅的灰色,看场景选择使用/* 变量的定义,该部分uView已全局引入,无需您编写 */$u-main-color: #303133;$u-content-color: #606266;$u-t原创 2020-11-27 15:50:04 · 3140 阅读 · 1 评论 -
uview 中使 u-form 的 u-form-item 内容右移 slot=“right“
<u-form-item label-width="130" label="接收推送" prop="intro"> <!-- 此处switch的slot为right,如果不填写slot名,也即 u-switch 将会左对齐 --> <u-switch v-model="popForm.accept" size="35" active-color="#216fff" slot="right"></u-switch></u-form-item&g.原创 2020-11-24 18:19:17 · 14575 阅读 · 5 评论 -
H5端页面刷新之后返回页面栈会消失
navigateBack不能返回如果一定要返回可以使用history.back()导航到浏览器的其他历史记录。goBackFa() { history.back();},注意:navigateTo, redirectTo 只能打开非 tabBar 页面。switchTab 只能打开 tabBar 页面。reLaunch 可以打开任意页面。页面底部的 tabBar 由页面决定,即只要是定义为 tabBar 的页面,底部都有 tabBar。不能在 App.vue 里面进行页面跳转。原创 2020-11-24 11:46:17 · 1043 阅读 · 0 评论 -
uniapp navigateTo url路由传参(传递对象)
1、跳转页面// 详情myInInfoClick(obj) { uni.navigateTo({ url:'./components/addIn?dataItem='+JSON.stringify(obj) });},2、跳转到的页面 onLoad(option) { this.form = JSON.parse(option.dataItem) console.log(this.form); }原创 2020-11-23 17:52:02 · 5684 阅读 · 0 评论 -
uni-app通过uni.navigateTo传递参数失败(传对象)
使用navigateTo()这种方法传对象,在跳转到的页面内打印传递参数,会发现得到的数据并不是想要的。如:1、跳转 // 详情 myInInfoClick(obj) { // this.dataItem = obj; uni.navigateTo({ url: './components/addIn?dataItem='+obj }); },2、获取// onLoad 表示监听页面加载,其参数为上个页面传递的数据 onLoad(option) { cons原创 2020-11-23 17:46:13 · 8533 阅读 · 0 评论 -
地图WGS84和地图GCJ02
84坐标系可以理解为是真实坐标系,是一个地点的实际坐标值。02坐标系是加密后的坐标系,是为了国家安全考虑。对应的不是实际的坐标值,但是在加密的坐标下,进行导航、定位等操作是完全不受影响的,只不过坐标不是真实的坐标而已。我国的各个地图软件,均使用02坐标系进行街景地图测绘和卫星地图测绘,因此可以看到我国的地图应用上均不会标注经纬坐标信息。不过也有个例外,百度地图采用BD09坐标系,在02坐标系上又进行了一次加密。谷歌地图的全球版在中国地段采用的是02坐标系,其他地段采用84坐标系,而卫星图采用的是全84坐标转载 2020-11-19 10:28:16 · 1743 阅读 · 0 评论 -
注册全局form表单验证工具包
1、js注册文件let regId = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/; //机构let email = /^(\w+\.?)*\w+@(?:\w+\.)\w+$/; //邮箱let tel = /^1(3|4|5|7|8|9)\d{9}$/; //手机号码// let tel = /(^1[3|4|5|7|8|9]\d{9}$)|(^09\d{8}$)/; // 手机号 + 座机号let fax = /^(\d{3,4}-)?\d{7,8}$原创 2020-11-12 15:11:46 · 737 阅读 · 0 评论 -
uni-app开发注意事项
组件内引入图片要使用绝对路径。/static/…主页面的生命周期用onLoad代替created,onReady代替mounted。组件内使用原来的created与mounted。用tap事件代替click事件。 阻止事件冒泡时要在外层加一层标签<view @tap.stop=“stop”>,直接在需要使用的方法上加.stop无效。中最好写一个写样式,而不是在picker上加样式。中写position:fixed,在ios下会有兼容性问题。出现遮罩后阻止页面滚动,可以在遮罩的touc.原创 2020-10-12 17:03:44 · 298 阅读 · 1 评论 -
uni-app UI框架之uview-ui使用教程
uview如何配置到uniapp项目中?如果你想了解到更详细的文档,进入 uview官网 查看1、使用安装包方式首先要去官网下载最新的包 下载地址官网提供了三种包:第一种方式只有uview源码,这是uview的核心。第二种方式类似于一个uview项目的脚手架,这是个空项目,但它已经帮我们配置好uview了,所以如果你是一个新的uniapp项目,可以选择下载这个。第三种是整个uView演示项目,里面有uView核心,组件演示,模板等。此项目运行用于查看UI演示效果,复制模板案例,通过里面的示转载 2020-10-10 15:53:52 · 11361 阅读 · 5 评论