| | |
| | | |
| | | // $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; |
| | | } |
| | | } |