|
|
@@ -27,7 +27,19 @@
|
|
|
<view class="flows">
|
|
|
<view class="f_title">活动流程</view>
|
|
|
<view class="f_lines">
|
|
|
-
|
|
|
+ <view class="numbers">1</view>
|
|
|
+ <view class="line line_one"></view>
|
|
|
+ <view class="numbers">2</view>
|
|
|
+ <view class="line line_two"></view>
|
|
|
+ <view class="numbers">3</view>
|
|
|
+ <view class="line line_three"></view>
|
|
|
+ <view class="numbers">4</view>
|
|
|
+ </view>
|
|
|
+ <view class="f_words">
|
|
|
+ <view class="word word_one">预约报名</view>
|
|
|
+ <view class="word word_one">扫码添加活动 专属微信号</view>
|
|
|
+ <view class="word word_one">模考</view>
|
|
|
+ <view class="word word_one">领福利</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -213,6 +225,37 @@ page {
|
|
|
left: 40rpx;
|
|
|
}
|
|
|
}
|
|
|
+ .f_lines {
|
|
|
+ width: 500rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin: 26rpx 0rpx 16rpx 0rpx;
|
|
|
+ .numbers {
|
|
|
+ width: 40rpx;
|
|
|
+ height: 40rpx;
|
|
|
+ line-height: 40rpx;
|
|
|
+ text-align: center;
|
|
|
+ background: #D5E6FF;
|
|
|
+ border-radius: 50%;
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #3F8DFD;
|
|
|
+ }
|
|
|
+ .line {
|
|
|
+ height: 2rpx;
|
|
|
+ border-bottom: 2rpx dashed #C4DCFF;
|
|
|
+ }
|
|
|
+ .line_one {
|
|
|
+ width: 112rpx;
|
|
|
+ }
|
|
|
+ .line_two {
|
|
|
+ width: 86rpx;
|
|
|
+ }
|
|
|
+ .line_three {
|
|
|
+ width: 48rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
.distance_time {
|
xuqiaoying