Skip to content
forked from so11y/fake-css

fake-css is javascript runtime css framework

License

Notifications You must be signed in to change notification settings

Cwealth/fake-css

 
 

Repository files navigation

FAKECSS

基于Vue3的运行时css框架

文档撰写中

vue codecov test


介绍

  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. 目前任处于构思阶段,基本情况已经固定。

示例

  1. 更多使用方式可以在项目中playground查看
<template>
    <!--
       1. 你在在pt_xx 这里输入你任何的数值,都将会动态解析
       2. pt (padding_top), ml (margint_left) 等等。
    -->
    <div :class="[css.pt_30]">

    </div>
</template>

About

fake-css is javascript runtime css framework

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 79.4%
  • Vue 12.4%
  • JavaScript 7.0%
  • Other 1.2%