灰儿 发表于 2022-6-26 09:41:05

VUE和UNIAPP如何引入UVIEW组件

安装引入1. 百度查询uView官方并进入2. 选择右方《组件》功能3. 点击左侧安装4. 点击箭头指示链接https://www.freesion.com/images/494/783b97ee329c70e8282f1077869ba906.png5. 导入插件https://www.freesion.com/images/717/0ada70dbe300fd45e9a5a4bc20de9155.png
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组件的安装引用配置的方式啦,留个赞吧!感谢了!

灰儿 发表于 2022-6-26 09:42:18

https://www.freesion.com/article/84531468688/
页: [1]
查看完整版本: VUE和UNIAPP如何引入UVIEW组件