VUE和UNIAPP如何引入UVIEW组件

安装引入

1. 百度查询uView官方并进入

2. 选择右方《组件》功能

3. 点击左侧安装

4. 点击箭头指示链接

5. 导入插件
6. 导入之后将该文件复制粘贴到正在编写的项目文件中

配置步骤

1. 引入uView主JS库
在项目根目录中的main.js中，引入并使用uView的JS库，注意这两行要放在import Vue之后

// main.jsimport uView from "uview-ui";Vue.use(uView);

• 1
• 2
• 3
  

2. 在引入uView的全局SCSS主题文件
在项目根目录的uni.scss中引入此文件

/* uni.scss */@import 'uview-ui/theme.scss';

• 1
• 2
  

3. 引入uView基础样式

注意！在App.vue中首行的位置引入，注意给style标签加入lang="scss"属性

• 1
• 2
  

<style lang="scss">        /* 注意要写在第一行，同时给style标签加入lang="scss"属性 */        @import "uview-ui/index.scss";</style>

• 1
• 2
• 3
• 4
  

4. 配置easycom组件模式
此配置需要在项目根目录的pages.json中进行

// pages.json{        "easycom": {                "^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"        },                // 此为本身已有的内容        "pages": [                // ......        }

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
  

以上就是uView组件的安装引用配置的方式啦，留个赞吧！感谢了!

https://www.freesion.com/article/84531468688/