uniapp
前端老实人
一名前端狂热爱好者,有需要资料或者有问题的同学可以直接私信我哦,做你的私人小家教!
展开
-
小程序Error: 系统错误,错误码:80200,main package source size 2590KB exceed max limit 2MB
这个问题困扰我一周了,网上各种搜,属实头大,今天已解决!记录一下原创 2021-09-01 15:51:27 · 17428 阅读 · 0 评论 -
uniapp和小程序如何分包,详细步骤手把手(图解)
一、小程序分包每个使用分包小程序必定含有一个主包。所谓的主包,即放置默认启动页面/TabBar 页面,以及一些所有分包都需用到公共资源/JS 脚本;而分包则是根据开发者的配置进行划分。在小程序启动时,默认会下载主包并启动主包内页面,当用户进入分包内某个页面时,客户端会把对应分包下载下来,下载完成后再进行展示目前小程序分包大小有以下限制:整个小程序所有分包大小不超过 20M 单个分包/主包大小不能超过 2M对小程序进行分包,可以优化小程序首次启动的下载时间,以及在多团队共同开发时可以更好的原创 2021-09-01 14:15:41 · 29926 阅读 · 72 评论 -
微信小程序报错[ app.json 文件内容错误] app.json: app.json 未找到,一招解决
由来:我这个是uniapp为了兼容小程序,拆包后到微信小程序运行不起来报的错原因是:导入项目后project.config.json文件被微信开发者工具修改。解决:缺少代码:“miniprogramRoot”: "./unpackage/dist/dev/mp-weixin"。只要锁定到/dist/dev/mp-weixin目录就可以了,每个人的目录结构可能不一样,可以去各个目录找一下,看哪里有dist目录,然后找下去就可以。...原创 2021-08-23 10:10:01 · 20532 阅读 · 23 评论 -
uniapp,小程序或APP的底部弹出的滚动选择组件picker,三级联动,选择地址。
这个元素直接就可以生成底部弹出效果看图:这里说下最基础的用法,实现上图效果/*@change是点击确认的回调,range是绑定的数组对象,range-key是指定对象中key值作为选择器显示内容value是值表示选择了range中的第几个下标,mode是选择的弹出层类型*/<picker @change="bindPickerChange" :range="array" range-key="name" :value="value"mode="selector"> .原创 2021-08-19 17:38:36 · 1376 阅读 · 2 评论 -
css实现简单骨架屏skeleton;可用于App,小程序,uniapp
我是有我我是用uniapp写的,小程序,APP,Vue页面同理:有个简单的结构就可以<template> <view class="list"> <view class="lbt" v-if="lbt"> </view> <view class="flex-s" v-if="klist"> <view class="kapian" v-for=" i in 4"> </view> .原创 2021-08-11 18:15:48 · 709 阅读 · 0 评论 -
uniapp原生子窗体subNvue的使用超容易理解的总结,解决覆盖不了视频或者地图等层级问题
subNvue 自1.9.10 起支持 ,仅支持 app 平台subNVues是 vue 页面的原生子窗体。用于解决App中 vue 页面中的层级覆盖和原生界面灵活自定义用的。它是一个 nvue 页面,使用 weex 引擎渲染,方便自定义原生导航或覆盖原生地图、视频等虽然有cover-view来覆盖原生组件,但是在app-vue中不支持嵌套,且只能在map、video组件使用,这个时候用原生子窗体是比较适合的1.首先配置pages.json(我这里引用官方的一个配置案例){ "p.原创 2021-07-30 18:37:51 · 5538 阅读 · 0 评论 -
小程序和uniapp的getApp().globalDate.
1.uni-app 在app.vue文件里面定义globalData,在其他文件则用getApp().globalData调用 export default { globalData:{ lists:[], datainfo:{} }, },2.别的页面引用可以直接赋值getlevel4() { this.$http({ url: '' }).then(res => { getApp().globalDa.原创 2021-07-30 15:16:26 · 4670 阅读 · 0 评论 -
uniapp真机调试文件查找失败:‘./pages/index/index.nvue?mpType=page‘; Error: Cannot find module ‘pages/
第一种原因:这是因为勾选了 纯nvue项目了,去掉即可。第二种原因:你使用了纯nvue模式渲染 你的pages文件中有.vue文件第三种原因:我是真机调试的时候遇到的,重新启动下真机调试就行了,因为新建的文件没有加载到真机调试上,所以找不到文件。...原创 2021-07-30 11:04:12 · 13007 阅读 · 8 评论 -
uniapp自带的Loading加载效果,消息提示框,模态框,超简单实现
//显示加载框uni.showLoading({ title: '加载中' });//隐藏加载框uni.hideLoading();是不是超级简单啊,这就是uniapp自带的加载弹窗,不用下载任何东西哦...原创 2021-07-27 18:06:05 · 37248 阅读 · 2 评论