uniapp 使用hbuilderx开发微信小程序,引入u-view组件库详细教程

u-view官网

uniapp 使用hbuilderx开发微信小程序,引入u-view组件库详细教程_第1张图片

下载以后的结构目录:

uniapp 使用hbuilderx开发微信小程序,引入u-view组件库详细教程_第2张图片

 下载完成按照官网教程配置

uniapp 使用hbuilderx开发微信小程序,引入u-view组件库详细教程_第3张图片

 uniapp 使用hbuilderx开发微信小程序,引入u-view组件库详细教程_第4张图片

// pages.json
{
	// 如果您是通过uni_modules形式引入uView,可以忽略此配置
	"easycom": {
		"^u-(.*)": "@/uni_modules/uview-ui/components/u-$1/u-$1.vue"
	},
	
	// 此为本身已有的内容
	"pages": [
		// ......
	]
}

配置完成以后直接使用就好

uniapp 使用hbuilderx开发微信小程序,引入u-view组件库详细教程_第5张图片

 uniapp 使用hbuilderx开发微信小程序,引入u-view组件库详细教程_第6张图片

 踩坑:

如果按照上述操作完显示文件查找失败,就把下图的上传过滤无依赖文件勾选取消掉。就好啦,网上有的解决版本是这种,也分享给你们。链接1    链接2(没测试过这个朋友的办法是否有效~)

uniapp 使用hbuilderx开发微信小程序,引入u-view组件库详细教程_第7张图片

你可能感兴趣的:(uniapp(小程序),微信小程序,uni-app,小程序)