uni-app小程序开发(1)

下载软件就不多赘述了。

直接上代码,写过wep端的vue看这个小程序就简单很多,不需要搞那么多麻烦事情,直接编译器就创建好了基础模版。

1、项目结构

暂时知道这么多,后续再补充

2、页面创建、导航栏设置、基础属性设置

在pages中创建好文件后,直接在pages.js中配置即可,都不需要引入导航组件,uni-app已经集成好了。

底部导航栏就更简单,配置tabBar属性即可:

3、 uni-app特点

(1)使用导入css,不会注册到全局中,以往写网页vue会注册到全局中,所有页面都会影响。

css 复制代码
	@import url(/static/css/test.css);

(2)rpx单位是小程序新增的。 750rpx宽度就是真个手机宽度,可以适应不同的手机大小。

4、异步调用

复制代码
	uni.request({
					method: 'GET',
					url: 'http://localhost:8081/put/t3/test',
					data: {
						name: 'qx',
						age: '22',
						sex: '男'
					},
					success: (res) => {
						console.log('返回值', res)
					}
				})

和vue的几乎一样,参数都大差不差

相关推荐
笨笨狗吞噬者1 小时前
【uniapp】小程序体积优化,JSON文件压缩
前端·微信小程序·uni-app
源码集结号3 小时前
一套智慧工地云平台源码,支持监管端、项目管理端,Java+Spring Cloud +UniApp +MySql技术开发
java·mysql·spring cloud·uni-app·源码·智慧工地·成品系统
木易 士心9 小时前
Uni-App 实现多身份动态切换 TabBar 指南
uni-app
2501_915106321 天前
CDN 可以实现 HTTPS 吗?实战要点、部署模式与真机验证流程
网络协议·http·ios·小程序·https·uni-app·iphone
LoveEate2 天前
uniapp 运行/发版微信小程序
微信小程序·小程序·uni-app
fakaifa2 天前
【高级版】沃德政务招商系统源码+uniapp小程序
小程序·uni-app·源码下载·沃德政务招商系统·招商系统源码
weixin_446938872 天前
uniapp vue-i18n如何使用
前端·vue.js·uni-app
有来技术2 天前
UniApp 自定义导航栏适配指南:微信小程序胶囊遮挡、H5 与 App 全端通用方案
微信小程序·uni-app
卷Java3 天前
违规通知功能修改说明
java·数据库·微信小程序·uni-app
卷Java3 天前
用户权限控制功能实现说明
java·服务器·开发语言·数据库·servlet·微信小程序·uni-app