北京专业网站建设服务商,学校网站建设小组及分工,网页设计师个人简历,一站式网站建设比较好u-view 组件库安装教程#xff1a;https://uviewui.com/components/install.html
注#xff1a;以下使用 HBuilderx 安装 u-view 2.0 版本#xff0c;不适用于其它版本。 1.安装 u-view 组件库 2、注册并登录 HBuilderx 账号#xff0c;点击下载 u-view 组件库。 3、点击…u-view 组件库安装教程https://uviewui.com/components/install.html
注以下使用 HBuilderx 安装 u-view 2.0 版本不适用于其它版本。 1.安装 u-view 组件库 2、注册并登录 HBuilderx 账号点击下载 u-view 组件库。 3、点击打开 HBuilderx选择要安装 u-view 的项目点击确定。 4、出现以下内容表示安装成功。 引入 u-view 组件库
1、打开项目所在文件夹进入根目录输入 cmd 打开命令行工具。 2、进入 u-view 官网点击链接准备安装 u-view 组件库。 3、在命令行中分别安装 sass 和 sass-loader 依赖。 安装命令
// 安装sass
npm i sass -D// 安装sass-loader
npm i sass-loader -D 4、在 main.js 文件中引入 u-view 组件库一定要放在 import Vue 之后引入。 引入内容
// 引入 u-view 组件库
import uView from /uni_modules/uview-ui
Vue.use(uView) 5、在 uni.scss 文件中引入 u-view 样式库。 6、在 App.vue 文件中引入 u-view 基础样式一定要在首行引入并给 style 标签添加 langscss 属性。 7、在 pages.json 文件中配置 easycom 组件模式可省略。 引入内容
// 给 u-view 配置 easycom 组件模式
easycom: {^u-(.*): /uni_modules/uview-ui/components/u-$1/u-$1.vue
}
注配置完毕后需要重启项目接着就可以使用组件啦
原创作者吴小糖
创作时间2023.10.19
