uni-app
毅大师
java开发程序猿
展开
-
uniapp之小程序分包操作
小程序上传的时候,主包不能超过2M,如果超出,则会上传失败,这时候就需要把界面进行分包,还有static下面的图片,尽量使用服务器的。附上微信小程序分包文档连接:https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages.htmluniapp修改pages.json,小程序修改app.json文件,内容都一致,文件名不同而已。一、准备uniapp中,文件目录下的pages文件夹一般用于存放tabba...原创 2020-12-25 10:22:41 · 5763 阅读 · 31 评论 -
uniapp之小程序开发中引入axios
1、下载依赖 npm install axios --save2、创建一个js工具类import Vue from 'vue'import axios from 'axios'// create an axios instanceconst service = axios.create({ baseURL: 'http://localhost:9004', // url = base url + request url //withCredentials: true, //原创 2020-12-24 13:59:52 · 10407 阅读 · 23 评论 -
uni-app学习笔记4(引入uView UI框架)
官方文档:https://www.uviewui.com/components/intro.htmlnpm方式安装的配置一、安装安装SCSS插件 如果您的项目是HX创建的,根目录又没有package.json文件的话,请先执行如下命令:npm init -y安装npm install uview-ui二、配置1、在项目根目录中的main.js中,引入并使用uView的JS库,注意这两行要放在import Vue之后。// main.jsimport...原创 2020-08-14 11:29:16 · 1617 阅读 · 0 评论 -
uni-app学习笔记3(TabBar)
TabBar就是移动端软件下面的类似选项卡的东西。一、添加Tabbar1、在pages.json中添加如下代码"tabBar": { "color": "#7A7E83", "selectedColor": "#3cc51f", "borderStyle": "black", "backgroundColor": "#ffffff", "height": "50px", "fontSize": "10px", "iconWidth": "24px", "sp原创 2020-08-12 15:51:14 · 634 阅读 · 0 评论 -
uni-app学习笔记2(路由、界面跳转、携带参数)
uni-app有两种页面路由跳转方式:使用navigator组件跳转(一般用作tabBar导航)、调用API跳转(一般用作界面打开),需要把界面在路由中注册。官方文档:https://uniapp.dcloud.io/api/router?id=navigateto目录一、创建界面,配置路由二、界面的跳转与携带参数、参数获取3、参数获取4、效果展示一、创建界面,配置路由1、创建两个界面,分别为homeList.vue和myList.vue2、打开pages....原创 2020-08-11 11:23:19 · 7279 阅读 · 31 评论 -
uni-app学习笔记1(创建项目、运行、打包)
一、下载HBuilderX下载地址:https://www.dcloud.io/hbuilderx.html安装:二、打开HBuilderX,创建项目三、创建完成四、运行1、浏览器2、手机(需要开启USB调试,然后USB选项选择“用作MIDI输入设备”)3、微信小程序注意,这里如果直接运行,会报错需要在微信开发者中开启 服务端口每次在HBuilderX中修改代码,会自动刷新微信小程序中的代码。五、打包1、打包原生APP首先配置...原创 2020-08-10 11:28:56 · 2427 阅读 · 34 评论