0.0.1 • Published 3 years ago
ansign-css v0.0.1
快速上手
npm / yarn 安装
使用 npm / yarn 的方式安装。
npm/cnpm i ansign-css -S
# OR
yarn add ansign-css
:::tip 我们后期会提供 CDN 引入方式,便于用户在链接地址上切换和锁定版本。 :::
引入使用
原生开发,在 head 引入。
<link rel="stylesheet" type="text/css" href="ansign-css.css">
使用框架,在项目中的入口文件进行引入操作。
import 'ansign-css.css'
按需引用
:::tip
当前原子库主要分为 basic
、flex
、utils
三部分。
basic
:所有基础原子属性。
flex
:所有关于 flex
的原子属性。
utils
:工具类原子属性。
如果不需要全部的原子属性,只需要单独引入所需部分即可,这种方式可以使包体积变得很小。
后期会采用自动分离原子属性,即:引入整个原子库,最终项目打包只对使用的原子属性进行打包。 :::
原生开发,在 head 引入。
<!-- basic -->
<link rel="stylesheet" type="text/css" href="ansign-css-basic.css">
<!-- flex -->
<link rel="stylesheet" type="text/css" href="ansign-css-flex.css">
<!-- utils -->
<link rel="stylesheet" type="text/css" href="ansign-css-utils.css">
使用框架,在项目中的入口文件进行引入操作。
// basic
import 'ansign-css-basic.css'
// flex
import 'ansign-css-flex.css'
// utils
import 'ansign-css-utils.css'
0.0.1
3 years ago