Uniapp 入门

创建项目

Uniapp 入门_第1张图片

参考:uni-app创建新页面和页面的配置_uniapp多页面配置-CSDN博客
添加页面

Uniapp 入门_第2张图片

添加路由

Uniapp 入门_第3张图片

显示效果

网址:http://localhost:8080/#/pages/task/taskDetails

Uniapp 入门_第4张图片

参考:uni-app官网
在 HBuilder X 使用命令行引入 uni-ui 组件
npm i @dcloudio/uni-ui

添加以下代码

Uniapp 入门_第5张图片

"easycom": {
			"autoscan": true,
			"custom": {
				// uni-ui 规则如下配置
				"^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue"
			}
	},

你可能感兴趣的:(Uniapp,uni-app)