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"
  },
相关文章
|
7月前
|
小程序
【微信小程序】-- 其它常用组件介绍 -- button & image(八)
【微信小程序】-- 其它常用组件介绍 -- button & image(八)
|
7月前
|
小程序 开发工具 git
【微信小程序】-- uni-app 项目--- 购物车 -- 配置 tabBar 效果(五十一)
【微信小程序】-- uni-app 项目--- 购物车 -- 配置 tabBar 效果(五十一)
|
小程序 前端开发 JavaScript
微信小程序框架---详细教程
微信小程序框架---详细教程
374 0
|
5月前
|
小程序
【微信小程序-原生开发】富文本编辑器 editor 的使用教程
【微信小程序-原生开发】富文本编辑器 editor 的使用教程
639 0
【微信小程序-原生开发】富文本编辑器 editor 的使用教程
|
7月前
|
Java 微服务 Spring
开发指南020-banner
以上组件封装了平台的banner
|
7月前
沐编程APP免费下载
沐编程APP免费下载
82 9
沐编程APP免费下载
|
7月前
|
XML 数据库 Android开发
Android App开发实战项目之电子书架App的实现(附源码和演示视频 简单易懂 可直接使用)
Android App开发实战项目之电子书架App的实现(附源码和演示视频 简单易懂 可直接使用)
224 0
|
小程序
微信小程序------框架
微信小程序------框架
56 0
|
JSON 小程序 前端开发
微信小程序首页-----布局(详细教程赶快收藏吧)
微信小程序首页-----布局(详细教程赶快收藏吧)
178 0
|
JavaScript
DOM ------ 仿淘宝搜索栏
DOM ------ 仿淘宝搜索栏