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"
  },
相关文章
|
1月前
|
JavaScript
uView快速上手
uView快速上手
17 1
|
4月前
|
前端开发 JavaScript
若依框架 -------- vue3+element-plus(三)
若依框架 -------- vue3+element-plus(三)
96 0
|
4月前
|
JSON API 数据格式
若依框架 -------- vue3+element-plus(二)
若依框架 -------- vue3+element-plus(二)
83 0
|
4月前
|
API
若依框架 -------- vue3+element-plus(四)
若依框架 -------- vue3+element-plus(四)
69 1
|
4月前
|
数据安全/隐私保护 网络架构
若依框架 -------- vue3+element-plus(一)
若依框架 -------- vue3+element-plus(一)
91 1
|
9月前
|
网络架构
Vue----vue-router 的高级用法
Vue----vue-router 的高级用法
Vue----vue-router 4.x 的基本使用步骤
Vue----vue-router 4.x 的基本使用步骤
|
5月前
|
小程序
微信小程序------框架
微信小程序------框架
32 0
Vue----vue-router 3.x 的基本使用步骤
Vue----vue-router 3.x 的基本使用步骤
|
9月前
|
JavaScript 前端开发 程序员
Vue----vite 的基本使用
Vue----vite 的基本使用