|  |  | 
 |  |  |  | 
 |  |  | // $u-tips-color: #2979ff; | 
 |  |  | // $u-primary: #2979ff; | 
 |  |  |  | 
 |  |  | // @import '@/node_modules/uview-ui/theme.scss';	 | 
 |  |  |  | 
 |  |  | .component-tab-container{ | 
 |  |  |    display: flex; | 
 |  |  |    width: fit-content; | 
 |  |  |    margin:0 auto; | 
 |  |  |    .tab-item{ | 
 |  |  |       display: flex; | 
 |  |  |       text-align: center; | 
 |  |  | 
 |  |  |       border: 2rpx solid var(--topicolor); | 
 |  |  |       background: #fff; | 
 |  |  |       color: var(--topicolor); | 
 |  |  |       width: 212rpx; | 
 |  |  |       line-height: 64rpx; | 
 |  |  |       font-weight: 600; | 
 |  |  |       font-size: 28rpx; | 
 |  |  |       display: block; | 
 |  |  |    } | 
 |  |  |    .tab-item.cur{ | 
 |  |  |       background: var(--topicolor); | 
 |  |  |       border-radius: 0rpx 8rpx 8rpx 0rpx; | 
 |  |  |       // border-radius: 0rpx 8rpx 8rpx 0rpx; | 
 |  |  |       color: #fff; | 
 |  |  |    } | 
 |  |  |    .tab-item:first-child{ | 
 |  |  |       border-top-right-radius: 0rpx; | 
 |  |  |       border-bottom-right-radius: 0rpx; | 
 |  |  |    } | 
 |  |  |    .tab-item:last-child{ | 
 |  |  |       border-top-left-radius: 0rpx; | 
 |  |  |       border-bottom-left-radius: 0rpx; | 
 |  |  |    } | 
 |  |  | } | 
 |  |  | .component-button-upload{ | 
 |  |  |    width: 96rpx; | 
 |  |  |    height: 96rpx; | 
 |  |  |    border-radius: 4rpx; | 
 |  |  |    border: 2rpx solid #CECECE; | 
 |  |  |    border: 2rpx dashed #CECECE; | 
 |  |  |    position: relative; | 
 |  |  |    background-image: 100% 100%; | 
 |  |  |    &::after{ | 
 |  |  | 
 |  |  |       position: absolute; | 
 |  |  |       left: 50%; | 
 |  |  |       top: 50%; | 
 |  |  |       transform: translate(50%,50%); | 
 |  |  |       transform: translate(-50%,-50%); | 
 |  |  |       // width: 22rpx; | 
 |  |  |       // height: 22rpx; | 
 |  |  |       font-size: 24rpx; | 
 |  |  |       color: #000000; | 
 |  |  |       color: #696969; | 
 |  |  |    } | 
 |  |  | } | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .component-popup_input{ | 
 |  |  |    margin-top: calc(50% + 200rpx); | 
 |  |  |  | 
 |  |  |    margin-left: 78rpx - 26rpx; | 
 |  |  |    width: 594rpx; | 
 |  |  |    background: linear-gradient(180deg, #D8F0EE 0%, #FFFFFF 100%); | 
 |  |  |    border-radius: 16rpx; | 
 |  |  |    padding: 26rpx; | 
 |  |  |    position: relative; | 
 |  |  |    .uni-easyinput{ | 
 |  |  |       width: auto !important; | 
 |  |  |    } | 
 |  |  |    .icon{ | 
 |  |  |       z-index: -1; | 
 |  |  |       position: absolute; | 
 |  |  |       width: 266rpx; | 
 |  |  |       height: 146rpx; | 
 |  |  |       top: -134rpx; | 
 |  |  |       left: 50%; | 
 |  |  |       transform: translateX(-50%); | 
 |  |  |    } | 
 |  |  |    .close-parent{ | 
 |  |  |       margin-bottom: 34rpx; | 
 |  |  |    } | 
 |  |  |    .button-green{ | 
 |  |  |       margin-top: 50rpx; | 
 |  |  |    } | 
 |  |  | } |