更新记录

1.0.7（2026-07-30） 下载此版本

1

平台兼容性

注：只支持 VUE3

注：只支持 VUE3

注：只支持 VUE3

npm 推荐安装

 npm install min-vite-css

安装说明

• 创建项目后需要在项目根目录创建vite.config.js
• 安装后示例如下：复制下面的粘贴即可，不需要复杂配置

  import {defineConfig} from 'vite'
  import uni from '@dcloudio/vite-plugin-uni';
  import vitecss from 'min-vite-css'; 
  export default defineConfig({
      plugins: [vitecss(),uni()],
  })

完成上面后，只需要重新运行即可

使用说明，只改了2个标签 view 跟 image，其他组件标签不变，其他组件标签不变。

• view 标签说明
• view 使用 d 代替 如： 快捷使用就是键盘按 d 键然后按tab键，比之前view少按多个字母

  <d c=""></d> class使用 c 代替 
  <d :c="tabIndex == index ? 'active' :''" c="cr627180 pb10"></d>   可以使用 :c 变量

示例如下

 <d c="con"> //con 是固定类写法，就是2边的间距，实际是 .con{ width:92%;margin: auto; }
     <d c="mt150 mb150 sz50">这是精简写法,少写css</d>
     <d c="fb wi300">
        <d c="bgred">1111</d>
        <d c="crred">322</d> 
     </d>
 </d>

 其他类下面在说明

• image 标签说明

• image 使用 g 代替 如： 快捷使用就是键盘按 g 键然后按tab键，比之前image少按多个字母

  <g c=""></g> class使用 c 代替 
  <g :c="tabIndex == index ? 'active' :''" c="cr627180 pb10" ></g>  可以使用 :c 变量
  

image其他用法示例如下

  <d c="con">
    <g s="logo" c="wi200 ml10"></g>  
    //等价于 <image src="/static/logo.png" mode="widthFix" class="wi200 ml10"></image> 
    //默认添加mode="widthFix"，  wi200 ml10 后面在说明
    // 本地图片 logo 只匹配格式为 .png 后缀 
    // src="myimg/logo"  --> src="/static/myimg/logo.png"

    <g s="logo" m="a" c="wi200 ml10"></g> 
     //m="a" 意思是 mode="aspectFill"

    <d v-for="item in list">
        <g :s="item.logo" c="wi200 ml10"></g>
        // item.logo 远程链接
    </d>

  </d>

下面是m的对应关系， 不写默认就是 mode="widthFix"

如果下面没有你要的就写完整的，比如 <g s="logo" mode="top" c="wi200 ml10"></g>

注意，使用其他标签的时候 class 不可写成 c 。 比如 <text class="txt">￥</text>

以下是原子类的写法，

如果是数字都可以变动 如：zi100 --> z-index: 100;

如果是颜色值都可以变动 如：brff0000 --> border:1px solid #ff0000;

以下是js的写法