uniapp 小程序引入 uview plus 框架,获得精美的UI框架

uview-plus,是全面兼容nvue的uni-app生态框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水。

1. Hbuilder X 安装方式

下载地址

在uni-app插件市场右上角选择uni_modules版本下的使用HBuilderX导入插件,导入到对应的项目中即可。

2. 打开项目终端运行:安装依赖库

注意:Hbuilder X安装方式必须要按照以下安装的配置中的说明配置了才可用。

ts 复制代码
npm i dayjs clipboard

3. 自动识别uniapp插件

打开pages.json,放入以下代码和pages同级目录

ts 复制代码
"easycom": {
		"autoscan": true,
		"custom": {
			"^u--(.*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue",
			"^up-(.*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue",
	    "^u-([^-].*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue"
		}
	},

4. 使用

在文档中找到组件,并复制到项目中使用

相关推荐
lightgis3 小时前
16openlayers加载COG(云优化Geotiff)
前端·javascript·html·html5
小飞大王6663 小时前
TypeScript核心类型系统完全指南
前端·javascript·typescript
你的人类朋友5 小时前
✍️记录自己的git分支管理实践
前端·git·后端
合作小小程序员小小店5 小时前
web网页开发,在线考勤管理系统,基于Idea,html,css,vue,java,springboot,mysql
java·前端·vue.js·后端·intellij-idea·springboot
防火墙在线5 小时前
前后端通信加解密(Web Crypto API )
前端·vue.js·网络协议·node.js·express
Jacky-0085 小时前
Node + vite + React 创建项目
前端·react.js·前端框架
CoderYanger6 小时前
前端基础——CSS练习项目:百度热榜实现
开发语言·前端·css·百度·html·1024程序员节
i_am_a_div_日积月累_6 小时前
10个css更新
前端·css
她是太阳,好耀眼i7 小时前
Nvm 实现vue版本切换
javascript·vue.js·ecmascript