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的几乎一样,参数都大差不差

相关推荐
耶啵奶膘7 小时前
uni-app头像叠加显示
开发语言·javascript·uni-app
chéng ௹7 小时前
uniapp 封装uni.showToast提示
前端·javascript·uni-app
吴传逞8 小时前
记一次uniapp+nutui-uniapp搭建项目
uni-app
雪芽蓝域zzs11 小时前
uni-app倒计时公共组件 封装,倒计时组件
uni-app
2501_9159184113 小时前
iOS 开发全流程实战 基于 uni-app 的 iOS 应用开发、打包、测试与上架流程详解
android·ios·小程序·https·uni-app·iphone·webview
黑马源码库miui5208614 小时前
JAVA同城打车小程序APP打车顺风车滴滴车跑腿源码微信小程序打车源码
java·微信·微信小程序·小程序·uni-app
清风细雨_林木木19 小时前
uni-app 和 uni-app x 的区别
uni-app
iOS阿玮19 小时前
期待iOS开发者加入,共同抵制“苹果税”反垄断招募令!
uni-app·app·apple
普通网友19 小时前
支持二次开发的代练App源码:订单管理、代练监控、安全护航功能齐全,一站式解决代练护航平台源码(PHP+ Uni-app)
安全·uni-app·php
蜕变菜鸟19 小时前
uview使用u-popup组件当开启遮罩层禁止下层页面滚动。uniapp弹框禁止页面上下滚动。
uni-app