小程序开发|小程序制作|小程序开发网

搜索

uniapp最简单最细心的安装uView-ui教程

2021-9-29 07:39| 发布者: 北极圈的瓜| 查看: 583| 评论: 1

摘要: 一入uni深似海,从此悠闲成泡影。不说了,说多了都是泪啊!安装一个uview-ui居然安装了一上午少年啊,千万别用npm的方式安装啊,真的是没得反应啊。第一步 根据官网去下载最新的zip文件下载地址第二步 下载之后复制

一入uni深似海,从此悠闲成泡影。不说了,说多了都是泪啊!

安装一个uview-ui居然安装了一上午

少年啊,千万别用npm的方式安装啊,真的是没得反应啊。

第一步 根据官网去下载最新的zip文件

下载地址

第二步 下载之后复制路径中的uview-ui

第三步 粘贴到项目根路径下

第四步 在main.js中引入

// 引入全局uViewimport uView from 'uview-ui';Vue.use(uView);

第五步 在uni.scss中引入

/** * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量 * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可 * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用  */@import 'uview-ui/theme.scss';

第六步 在App.vue中引入

  • 注意style要加上lang=scss

第七步 测试

  • index.vue