forestry-wx/src/assets/styles/public.scss

@use 'sass:math';
// * {
// 	box-sizing: border-box;
// }
.d-i-b {
    display: inline-block;
}
.d-flex {
    display: flex;
}
.f-w-w {
    flex-wrap: wrap;
}
.a-c {
    align-items: center;
}
.j-c {
    justify-content: center;
}
.j-ed {
    justify-content: flex-end;
}
.j-sa {
    justify-content: space-around;
}
.a-ed {
    align-items: flex-end;
}
.flex-cln {
    flex-direction: column;
}
.j-sb {
    justify-content: space-between;
}
.flex-w {
    flex-wrap: wrap;
}
.flex-at {
    flex: auto;
}
.flex1 {
    flex: 1;
}
.flex2 {
    flex: 2;
}
.p-rtv {
    position: relative;
}

// 斜体字
.f-s-i {
    font-style: italic;
}
// 文字靠右
.text-right {
    text-align: right;
}
.word-all {
    word-break: break-all;
}
.ov-hd {
    overflow: hidden;
}
.text-center {
    text-align: center;
}
// 文字中间斜杠画去
.text-through {
    text-decoration: line-through;
}
// 文字换行
.text-wrap {
    white-space: normal;
}
.mg-at {
    margin: auto;
}
.b-s-b-b {
    box-sizing: border-box;
}
.over-auto {
    overflow-y: auto;
}

$colors: (
    000: #000,
    333: #333,
    666: #666,
    999: #999,
    fff: #fff,
    ccc: #ccc,
    eee: #eee,
    ddd: #ddd,
    fa: #fafafa,
    gl: #affec2,
    // 主题色
    primary: #37a954,
    light-black: #4d4d4d,
    // 成功
    success: #67c23a,
    // 警告
    warning: #e6a23c,
    // 失败
    danger: #f56c6c,
    // 钱红色
    money-red: #f4403b,
    // 会员绿
    member-green: #41c06d,
    res-0: #f6881c,
);
@each $color, $value in $colors {
    .c-#{$color} {
        color: $value;
    }
}
@each $color, $value in $colors {
    .bg-#{$color} {
        background-color: $value;
    }
}
:root {
    --primary: #37a954;
    // 橙色
    --orange: #ffa500;
}
// 首行缩进2个字符
.text-indent-2 {
    text-indent: 2em;
}
.text-desc {
    padding: 12rpx;

    // 偶数行背景色
    &:nth-child(2n) {
        background-color: #fafafa;
    }
}
.btn-hover {
    background-color: #f5f5f5;
}
.tx-ov {
    text-overflow: ellipsis;
}
.w-s-no {
    white-space: nowrap;
}
.radius-10 {
    border-radius: 10rpx;
}
.home_icon {
    width: 40rpx;
    height: 40rpx;
}
.startline-title {
    line-height: 1;
    padding-left: 30rpx;
    font-size: 32rpx;
    color: #333;
    font-weight: 600;
    border-left: 4rpx solid $u-primary;
}
.small-icon {
    width: 38rpx;
    height: 38rpx;
}