@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; } .info-border-bottom { border-bottom: 1rpx solid #F2F2F2; }