Skip to content

快速上手

本章节将介绍如何在项目中安装使用

开发环境

1、下载最新的 Hbuilder X 正式版 开发者工具。
2、通过 uni_modules 的形式进行安装,此安装方式可以方便您后续在 uni_modules 对组件库进行一键升级。

安装地址

温馨提示

在uni-app插件市场右上角选择 “ 下载插件并导入HBuilderX ”,导入到对应项目中即可。

插件地址:ucs-css 原子化样式

uni-ucs-design
	├─ pages
	├─ static
	├─ uni_modules
	│  ├─ ucs-config				# 依赖插件
	│  └─ ucs-css					# 原子化样式库
	├─ App.uvue / App.vue			# 引入 ucs-css 样式
	├─ index.html
	├─ main.uts / main.js
	├─ index.html
	├─ manifest.json
	├─ pages.json
	└─ uni.scss

引入样式

App.vue 中引入 ucs-css 样式文件

vue
<style>
	@import url("uni_modules/ucs-css");
</style>