更新记录

1.0.0（2025-04-24） 下载此版本

初次发布

平台兼容性

uni-app

其他

npm下载量：

欢迎使用c-common-scss

安装

// npm安装方式，插件市场导入无需执行此命令。插件市场导入地址：
npm install c-common-scss

使用方法

在App.vue文件引入

<style lang="scss">
    // 插件市场引入
    @import "uni_modules/c-common-scss";
    // npm引入
    @import "c-common-scss";
</style>

在页面中使用

<template>
    <view class="bg-white">
        <view class="w-100 h-100 bg-theme">
            123
        </view>
        <view class="p-20-40">
            <view class=" h-200 double-center color-white">
                666
            </view>
        </view>
    </view>
</template>

样式基础值

在c-common-scss/index.scss文件中可修改相对应样式

$themeColor: #09b4f1;   // 主题色
$borderColor: #f2f2f2;  // border的颜色
$maxVal: 200;       // 循环最大数值
$maxShowText: 3;    // 文本溢出省略最大能省略几行
$baseMultiple: 2;   // 默认倍数，2的正整数倍，例如只能设置p-2，设置p-1不生效
$baseValue: 1rpx;   // 默认一个单位

宽度、高度、圆角、字体大小、行高、top、left、right、bottom；

display

padding和margin，以下为padding示例，margin类似，把“p-”换成“m-”

border

flex相关属性

文本

颜色

定位

其他