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

相关推荐
白杨木影子被拉长2 小时前
多状态映射不同样式(scss语法)
vue.js·uni-app
一念杂记2 小时前
免费开源!微信小程序商城源码,快速搭建你的线上商城系统!
微信小程序·uni-app
aklry7 小时前
uniapp三步完成生成一维码图片
uni-app
雪芽蓝域zzs17 小时前
uniapp 国密sm2加密
uni-app
打不着的大喇叭1 天前
uniapp的光标跟随和打字机效果
前端·javascript·uni-app
zengzehui1 天前
uniapp启动图被拉伸问题
uni-app
iOS阿玮1 天前
AppStore教你一招免备案的骚操作!
uni-app·app·apple
ModyQyW2 天前
用 AI 驱动 wot-design-uni 开发小程序
前端·uni-app
耶啵奶膘3 天前
uniapp+firstUI——上传视频组件fui-upload-video
前端·javascript·uni-app
耶啵奶膘3 天前
uniapp——地图路线绘制map
uni-app