123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 |
- @import "@/uni_modules/uni-scss/variables.scss";
- @import "animate.css/animate.css";
- // 主题色
- $defaultColor: #49b856;
- // 红色
- $textColorRed: #ff3b53;
- //数字字母不换行
- @mixin numbersAndLettersNoWrap {
- word-break: break-all;
- }
- //flex布局
- // $justifyContent 主轴对齐方式
- // $alignItem 交叉轴对齐方式
- // $flexDirection 方向
- @mixin flex(
- $justifyContent: flex-start,
- $alignItem: stretch,
- $flexDirection: row
- ) {
- display: flex;
- justify-content: $justifyContent;
- align-items: $alignItem;
- flex-direction: $flexDirection;
- }
- // 按钮背景色
- @mixin btn_background {
- background-image: linear-gradient(90deg,#72c172,#3bb197);
- }
- // 全局样式
- .red {
- color: $textColorRed;
- }
- .green {
- color: $defaultColor;
- }
- // 内置复选框 start
- .uni-label-pointer{
- @include flex;
- }
- uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
- border-color: $defaultColor;
- }
- .uni-checkbox-input-checked{
- color: $defaultColor !important;
- }
- // 内置复选框 end
|