uni-app使用uView教程

uni-app使用uView教程,第1张

1、打开uView组件网址

uView2.0重磅发布,利剑出鞘,一统江湖 - DCloud 插件市场

2、导入到自己的项目中

3、然后在main.js文件中注册uView
import uView from '@/uni_modules/uview-ui'
Vue.use(uView)
4、打开App.vue,导入全局样式

 lang="sass"        一定要记得加上

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

/*导入uview的样式变量参数*/
@import '@/uni_modules/uview-ui/theme.scss';
6、打开pages.json文件使用easycom注册,粘贴下面代码就可以了
"easycom": {
	  "autoscan": true,
	  "custom": {
	    "^u-(.*)": "@/uni_modules/uview-ui/components/u-/u-.vue",
	  }
	},
7、可以开心的敲代码了。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/941032.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-17
下一篇 2022-05-17

发表评论

登录后才能评论

评论列表(0条)

保存