view { line-height: 1.8; // font-family: '-apple-system', 'BlinkMacSystemFont', 'Helvetica Neue', 'Helvetica', 'Segoe UI', 'Arial', 'Roboto', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', // 'sans-serif'; font-family: 'PingFang SC', 'Roboto Medium'; font-size: $font-size-base; color: $color-title; } page { background-color: $color-bg; } // 热情红·默认 $base-color: #FF6A00; @include base($base-color); /* 隐藏滚动条 */ ::-webkit-scrollbar { width: 0; height: 0; color: transparent; } scroll-view ::-webkit-scrollbar { width: 0; height: 0; background-color: transparent; } /* 兼容苹果X以上的手机样式 */ .iphone-x { /* padding-bottom: 68rpx !important; */ padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } .iphone-safe-area { /* padding-bottom: 68rpx !important; */ padding-bottom: calc(constant(safe-area-inset-bottom) + 40rpx) !important; padding-bottom: calc(env(safe-area-inset-bottom) + 40rpx) !important; } .iphone-x-fixed { bottom: 68rpx !important; } .uni-input { font-size: $font-size-base; width: 100%; } // 全局input框长度 .search-input-inner { width: 520rpx !important; } .search-input-inner input { width: 100% !important; } // ***************文字颜色*************** // 主标题 .color-title { color: $color-title !important; } // 副标题 .color-sub { color: $color-sub !important; } // 辅助提示色 .color-tip { color: $color-tip !important; } // 灰背景色 .color-bg { background-color: $color-bg !important; } // 分割线 .color-line { color: $color-line !important; } // 分割线边框 .color-line-border { border-color: $color-line !important; } // 禁用色 .color-disabled { color: $color-disabled !important; } // 禁用色 .color-disabled-bg { background-color: $color-disabled !important; } // ***************文字大小*************** // 14px,正文文字 .font-size-base { font-size: $font-size-base !important; } // 16px,用于标题、导航栏 .font-size-toolbar { font-size: $font-size-toolbar !important; } // 13px,副标题 .font-size-sub { font-size: $font-size-sub !important; } // 12px,辅助性文字/大标签 .font-size-tag { font-size: $font-size-tag !important; } // 11px,商品列表角标 .font-size-goods-tag { font-size: $font-size-goods-tag !important; } // 10px,活动角标(拼团等角标)/小标签文字 .font-size-activity-tag { font-size: $font-size-activity-tag !important; } // 圆角 .border-radius { border-radius: $border-radius !important; } //内边距 .padding { padding: $padding !important; &-top { padding-top: $padding !important; } &-right { padding-right: $padding !important; } &-bottom { padding-bottom: $padding !important; } &-left { padding-left: $padding !important; } } //外边距 .margin { margin: $margin-updown $margin-both !important; &-top { margin-top: $margin-updown !important; } &-right { margin-right: $margin-both !important; } &-bottom { margin-bottom: $margin-updown !important; } &-left { margin-left: $margin-both !important; } } uni-button:after { border: none !important; } button::after { border: none !important; } .uni-tag--inverted { border-color: $color-line !important; color: $color-title !important; } /deep/::-webkit-scrollbar { width: 0; height: 0; background-color: transparent; display: none; }