// @font-face { // font-family: 'iconfont'; /* Project id 1702958 */ // src: url('https://at.alicdn.com/t/c/font_1702958_8sqv1klrrkm.woff2?t=1701676243273') format('woff2'), // url('https://at.alicdn.com/t/c/font_1702958_8sqv1klrrkm.woff?t=1701676243273') format('woff'), // url('https://at.alicdn.com/t/c/font_1702958_8sqv1klrrkm.ttf?t=1701676243273') format('truetype'); // } /* 在线链接服务仅供平台体验和调试使用,平台不承诺服务的稳定性,企业客户需下载字体包自行发布使用并做好备份。 */ @font-face { font-family: 'iconfont'; /* Project id 4578928 */ src: url('https://at.alicdn.com/t/c/font_4578928_be33xvc312o.woff2?t=1732155615339') format('woff2'), url('https://at.alicdn.com/t/c/font_4578928_be33xvc312o.woff?t=1732155615339') format('woff'), url('https://at.alicdn.com/t/c/font_4578928_be33xvc312o.ttf?t=1732155615339') format('truetype'), url('https://at.alicdn.com/t/c/font_4578928_be33xvc312o.svg?t=1732155615339#iconfont') format('svg'); } .iconfont{ font-family: iconfont; font-size: 28rpx; } page { background-color: $uni-bg-color-grey; height: 100%; font-size: $uni-font-size-base; line-height: $uni-line-height-base; font-family: PingFangSC-Medium, PingFang SC,SF UI Text,Roboto; color: $uni-text-color; } //分割线 .b-b{ position: relative; &::after { content: ''; position: absolute; bottom: 0; left: 0; background: $uni-border-color; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; } } .b-t{ position: relative; &::before { content: ''; position: absolute; top: 0; left: 0; background: $uni-border-color; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; } } //按钮 .pub-button { min-width: 120rpx; height: 72rpx; font-size: $uni-font-size-lg; line-height: $uni-line-height-lg; border-radius: 36rpx; padding: 0 32rpx; @include flex-center; color: $uni-color-primary; border: 1px solid $uni-color-primary; .iconfont{ font-size: 24rpx; margin-right: 8rpx; } &:hover{ border: 1px solid $uni-color-primary-deep; color: $uni-color-primary-deep; } &.disabled{ color: #fff; background-color: $uni-text-color-disable; border-color: $uni-text-color-disable; } //带背景 &.is-bg{ background-color: $uni-color-primary; color: #FFFFFF; border: none; &:hover{ background-color: $uni-color-primary-deep; } &.disabled{ background-color: $uni-color-primary-light; } } &.is-grey{ color: $uni-text-color-grey; border: 1px solid $uni-text-color-grey; &:hover{ border: 1px solid $uni-text-color; color: $uni-text-color; } &.disabled{ color: #fff; background-color: $uni-text-color-disable; border-color: $uni-text-color-disable; } } &.is-square{ border-radius: 0; } &.large{ /*大按钮*/ min-width: 160rpx; height: 96rpx; font-size: $uni-font-size-xl; line-height: $uni-line-height-xl; color: #fff; border-radius: 48rpx; /* padding: 0 32rpx;*/ margin: 16rpx 0; .iconfont{ font-size: 36rpx; margin-right: 16rpx; } } &.small{ /* 小按钮*/ min-width: 88rpx; height: 56rpx; font-size: $uni-font-size-base; line-height: $uni-line-height-base; color: #fff; border-radius: 28rpx; padding: 0 16rpx; } &+.pub-button{ margin-left: 16rpx; } } /*tab页*/ .pub-tabs{ height: 88rpx; padding: 0 24rpx; @include flex; .pub-tab{ flex : 1; } } .flex-1{ flex:1; } .uni-mask{ background: rgba(0, 0, 0, 0.4); } .uni-picker-toggle{ border-radius: 16rpx 16rpx 0 0; } .uni-picker-container{ .uni-picker-header{ height: 96rpx; border-bottom: 1px solid $uni-border-color; .uni-picker-action{ font-size: $uni-font-size-xl; line-height: $uni-line-height-xl; @include flex; padding: 0 32rpx; &.uni-picker-action-cancel{ color: $uni-text-color!important; } &.uni-picker-action-confirm{ color: $uni-color-primary; } } } .uni-picker-view-wrapper{ padding: 0 32rpx; .uni-picker-view-indicator{ height: 96rpx; } .uni-picker-view-indicator:after, .uni-picker-view-indicator:before{ color: $uni-border-color; } .uni-picker-item{ color: $uni-text-color; font-size: $uni-font-size-xxl; line-height: $uni-line-height-xxl; height: 96rpx; @include flex-center; } } } .uni-forms-item{ margin-bottom: 32rpx!important; } // toast提示框 uni-toast{ display: flex; justify-content: center; } .uni-toast{ font-size: $uni-font-size-base; line-height: $uni-line-height-base; width: auto; margin: 0 72rpx; border-radius: 16rpx; left: auto; transform: translate(0, -50%); background: $uni-text-color; .uni-toast__icon{ width: 64rpx!important; height: 64rpx!important; margin-top: 32rpx; margin-bottom: 8rpx; } .uni-toast__content{ margin:0 48rpx 32rpx; @include text-ellipsis-2; } } .uni-sample-toast{ border-radius: 16rpx; left: auto; transform: translate(0, -50%); background: $uni-text-color; .uni-simple-toast__text{ font-size: $uni-font-size-base; line-height: $uni-line-height-base; margin:32rpx 48rpx ; padding: 0; @include text-ellipsis-2; background-color: transparent; } } .no-data { margin-top: 160rpx; @include flex-center; flex-direction: column; image { width: 320rpx; height: 320rpx; margin-bottom: 48rpx; color: $uni-text-color-light; } } //加载更多 .uni-load-more{ height: auto!important; .uni-load-more__text{ font-size: $uni-font-size-base; line-height: $uni-line-height-base; padding: 32rpx 0; margin-left: 0; color: $uni-text-color-light; } }