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

相关推荐
ModyQyW14 小时前
用 AI 驱动 wot-design-uni 开发小程序
前端·uni-app
耶啵奶膘1 天前
uniapp+firstUI——上传视频组件fui-upload-video
前端·javascript·uni-app
耶啵奶膘2 天前
uniapp——地图路线绘制map
uni-app
shadouqi2 天前
uniapp实现图片预览,懒加载,下拉刷新等
uni-app
走,带你去玩2 天前
uniapp 微信小程序水印
微信小程序·小程序·uni-app
菌菇汤2 天前
uni-app实现单选,多选也能搜索,勾选,选择,回显
前端·javascript·vue.js·微信小程序·uni-app·app
某公司摸鱼前端2 天前
uniapp socket 封装 (可拿去直接用)
前端·javascript·websocket·uni-app
today喝咖啡了吗2 天前
uniapp项目中node_modules\sass\sass.dart.js的体积过大怎么处理
javascript·uni-app·sass
遗憾随她而去.2 天前
uniapp 中使用路由导航守卫,进行登录鉴权
前端·uni-app
牧杉-惊蛰2 天前
uniapp微信小程序css中background-image失效问题
css·微信小程序·uni-app