| | |
| | | |
| | | <view class="process-wrap"> |
| | | <view class="process-step" :class="{ active: currentStep === 1 }" @tap="currentStep = 1"> |
| | | <view class="step-dot"></view> |
| | | <view class="step-dot" :class="{ 'step-dot--done': currentStep > 1 }"> |
| | | <view v-if="currentStep === 1" class="step-dot__inner"></view> |
| | | <u-icon v-else name="checkmark" color="#ffffff" size="14"></u-icon> |
| | | </view> |
| | | <text>门店信息</text> |
| | | </view> |
| | | <view class="process-line"></view> |
| | | <view class="process-step" :class="{ active: currentStep === 2 }" @tap="currentStep = 2"> |
| | | <view class="step-dot step-index">2</view> |
| | | <view class="step-dot" :class="{ 'step-dot--inactive': currentStep !== 2 }"> |
| | | <view v-if="currentStep === 2" class="step-dot__inner"></view> |
| | | <text v-else class="step-dot__index">2</text> |
| | | </view> |
| | | <text>主体资质</text> |
| | | </view> |
| | | </view> |
| | |
| | | } |
| | | |
| | | .step-dot { |
| | | width: 26rpx; |
| | | height: 26rpx; |
| | | width: 50rpx; |
| | | height: 50rpx; |
| | | border-radius: 50%; |
| | | background: #16b0fa; |
| | | background: #afe4fe; |
| | | margin-bottom: 14rpx; |
| | | border: 5rpx solid #a2e2ff; |
| | | } |
| | | |
| | | .step-index { |
| | | background: #b9bdc6; |
| | | font-size: 18rpx; |
| | | color: #ffffff; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | box-sizing: border-box; |
| | | |
| | | &__inner { |
| | | width: 26rpx; |
| | | height: 26rpx; |
| | | border-radius: 50%; |
| | | background: #13b2fc; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | &__index { |
| | | font-size: 30rpx; |
| | | font-weight: 400; |
| | | color: #ffffff; |
| | | line-height: 1; |
| | | } |
| | | |
| | | &--inactive { |
| | | background: #8C939F; |
| | | } |
| | | |
| | | &--done { |
| | | background: #10B2FA; |
| | | } |
| | | } |
| | | |
| | | .process-line { |
| | |
| | | |
| | | .text-input, |
| | | .select-row { |
| | | height: 54rpx; |
| | | margin-top: 14rpx; |
| | | font-weight: 400; |
| | | font-size: 30rpx; |