fake-css

FAKECSS

基于Vue3的运行时css框架

文档撰写中

---

介绍

1. fake-css是一个基于Vue3开发的运行时css库,开箱即用,零预先配置。
2. 不存在真正意义上的css文件,又如同有文件一般正常运行。
3. 从根源上解决项目包大小的问题。
4. 如果你熟悉tailwindcss 或者 windicss 等原子css,将极易上手。

下载

# 通过npm或yarn安装

# npm
npm i fake-css

# yarn
yarn add fake-css

特性

1. 提供class和style解析方式
2. 搭配vue3响应式
3. 轻量
4. 模块化定义,变相scoped
5. 高度自定义解析方式
6. 支持Typescript

阶段

1. 目前任处于构思阶段,基本情况已经固定。
2. 流程固定化之后,将会重新重构,提供完整的测试用例。

示例

1. 更多使用方式可以在项目中playground查看

<template>
    <!--
       1. 你在在pt_xx 这里输入你任何的数值,都将会动态解析
       2. pt (padding_top), ml (margint_left) 等等。
    -->
    <div :class="[css.pt_30]">

    </div>
</template>