Uview------使用教程

简介: Uview------使用教程

一、点击一下链接安装:

https://ext.dcloud.net.cn/plugin?id=1593

如果使用HBuilderX编辑器的可以直接点击第一种方式自动安装即可

二:配置文件

在main.js中写入

记得要写在import Vue from 'vue'下面

import uView from './uni_modules/uview-ui'
Vue.use(uView)

在uni.scss里面写入:

@import "./uni_modules/uview-ui/theme.scss";

在app.vue里面写入:

写在style里面

@import 'uni_modules/uview-ui/index.scss';

在pages.json里面写入:

"easycom": {
    "^u-(.*)": "@/uni_modules/uview-ui/components/u-$1/u-$1.vue"
  },
相关文章
|
2月前
|
JavaScript
uView快速上手
uView快速上手
25 1
|
8月前
|
存储 小程序 前端开发
微信小程序数据交互------WXS的使用
微信小程序数据交互------WXS的使用
85 0
手把手教你将uView UI配置到uniapp项目中
手把手教你将uView UI配置到uniapp项目中
1014 0
手把手教你将uView UI配置到uniapp项目中
|
7月前
|
小程序
微信小程序------框架
微信小程序------框架
35 0
|
11月前
|
JavaScript 前端开发 小程序
Vue 富文本编辑器tinymce的安装教程(前端必备小知识)
Vue 富文本编辑器tinymce的安装教程(前端必备小知识)
275 1
|
11月前
|
前端开发
前端学习笔记202305学习笔记第二十二天-vue3.0-图标库安装使用
前端学习笔记202305学习笔记第二十二天-vue3.0-图标库安装使用
41 0
|
11月前
|
JavaScript 前端开发 程序员
Vue----vite 的基本使用
Vue----vite 的基本使用
|
11月前
|
JavaScript
Vue富文本编辑器使用教程
Vue富文本编辑器使用教程
195 0
|
JavaScript
Vue整合ElementUI,组件使用教程,适合新手(一)
Vue整合ElementUI,组件使用教程,适合新手
381 0
Vue整合ElementUI,组件使用教程,适合新手(一)
|
JavaScript
Vue整合ElementUI,组件使用教程,适合新手(三)
Vue整合ElementUI,组件使用教程,适合新手
262 0
Vue整合ElementUI,组件使用教程,适合新手(三)