123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209 |
- // 全局公共样式
- .content{
- background: $ac-bgc;
- // padding:$uni-spacing-row-base;
- overflow: hidden;
- position: relative;
-
- }
- // 常用公共样式
- // 布局相关 start
- .flex{
- display: flex;
- }
- .align-center{
- align-items: center;
- }
- .inline-block{
- display: inline-block;
- }
- .s-row{
- display: flex;
- flex-direction: column;
- }
- .flex-center{
- justify-content: center;
- align-items: center;
- }
- .flex-space-between{
- justify-content: space-between;
- align-items: center;
- }
- .flex-space-around{
- justify-content: space-around;
- align-items: center;
- }
- .flex-space-evenly{
- justify-content: space-evenly;
- align-items: center;
- }
- .flex-end{
- justify-content: flex-end;
- }
- .flex-start{
- justify-content: flex-start;
- }
- .m-top20{
- margin-top: 20rpx;
- }
- .paddingr20{
- padding:20rpx;
- }
- .paddingr35{
- padding:35rpx;
- }
- .lr-paddingr20{
- padding: 0 20rpx;
- }
- .fixed{
- position: fixed;
- }
- .row-between{
- display: flex;
- justify-content: space-between;
- }
- .content-other{
- background: white;
- padding:10rpx 20rpx;
- border-radius: 10rpx;
- }
- .width100{
- width: 100%;
- }
- .mr20{
- margin-right: 20rpx;
- }
- .ml20{
- margin-left: 20rpx;
- }
- .msx20{
- margin:20rpx 0;
- }
- .mt20{
- margin-top:20rpx;
- }
- .text-align-right{
- text-align: right;
- }
- // 布局相关 end
- // 边线相关start
- .border-bottom{
- border-bottom: 1px solid $uni-border-color;
- padding-bottom: 10rpx;
- }
- // 边线相关end
- // 颜色相关start
- .red{
- background: red;
- }
- .yellow{
- background:yellow;
- }
- .btn-color{
- background: #F5BA3C!important;
- color: white!important;
- }
- .h-color{
- color: #FE6300;
- }
- .number-color{
- color:#F5BA3C;
- }
- // 颜色相关end
- // 文字相关start
- .level2-title{
- font-size: 32rpx;
- font-weight: 700;
- color: #000000;
- }
- .fontsize-24{
- font-size: 24rpx;
- }
- .fontsize-25{
- font-size: 25rpx;
- }
- .fontsize-26{
- font-size: 26rpx;
- }
- .fontsize-28{
- font-size: 28rpx;
- }
- .fontsize-36{
- font-size: 36rpx!important;
- }
- .fontsize-46{
- font-size: 46rpx;
- }
- .gray{
- color: #BBBBBB;
- }
- .fontweight-500{
- font-weight: 500;
- }
- .point{
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: nowrap;
- }
- .row-left-text{
- // font-size:28rpx;
- // color: #8F8F8F;
- }
- .row-right-text{
- font-size:28rpx;
- }
- // 文字相关end
- // 边线相关start
- .noborder{
- border-bottom: none!important;
- }
- // 边线相关start
- // other
- .ssx{
- width: 40rpx;
- height: 40rpx;
- background: linear-gradient(180deg, #C8D7E5 0%, #AFC1D6 100%);
- font-size: 26rpx;
- font-family: PingFangSC-Medium, PingFang SC;
- font-weight: 500;
- color: #FFFFFF;
- border-radius: 50%;
- display: flex;
- justify-content: center;
- align-items: center;
- margin-right: 10rpx;
- }
- .row-tips{
- font-size: 26rpx;
- font-weight: 400;
- color: #FE7F1A;
- background: #FFEEE1;
- padding: 4rpx 11rpx;
- border-radius: 4px;
- }
- .xj-image{
- width:46rpx;
- height: 46rpx;
- }
- /deep/.u-modal__content__text{
- text-align: center;
- }
- .preview-img{
- margin-top: 20rpx;
- width: 212rpx;
- height: 212rpx;
- border-radius: 10rpx;
- }
- .uview-upload{
- margin-top: 20rpx;
- }
- .card-img{
- width: 100%;
- height: 440rpx;
-
- }
|