|
|
@@ -4,6 +4,15 @@
|
|
|
<section class="freelancer-top">
|
|
|
<h1>{{detail.name}}认证</h1>
|
|
|
<section class="info" v-html="detail.description"/>
|
|
|
+ <section class="cert-quals">
|
|
|
+ <section class="cert-qual" v-for="(item, index) of conditions" :key="index">
|
|
|
+ <section class="qual-status" :class="{'qual-completed': item.is_completed}">
|
|
|
+ <div class="qual-point"></div>
|
|
|
+ <span class="qual-status-name">{{item.is_completed ? '已达标' : '未达标'}}</span>
|
|
|
+ </section>
|
|
|
+ <span class="qual-info">{{`${item.text}`}}{{item.target ? `(${item.completed_num}/${item.target})` : ''}}</span>
|
|
|
+ </section>
|
|
|
+ </section>
|
|
|
<section class="cer-price-info">
|
|
|
<span class="price">
|
|
|
¥{{detail.real_price}}
|
|
|
@@ -16,15 +25,6 @@
|
|
|
@click="clickVipPrice"
|
|
|
>{{`${detail.is_enjoy_vip_discount ? '会员' : '开通会员低至'}¥${detail.vip_price}`}}</span>
|
|
|
</section>
|
|
|
- <section class="cert-quals">
|
|
|
- <section class="cert-qual" v-for="(item, index) of conditions" :key="index">
|
|
|
- <section class="qual-status" :class="{'qual-completed': item.is_completed}">
|
|
|
- <div class="qual-point"></div>
|
|
|
- <span class="qual-status-name">{{item.is_completed ? '已达标' : '未达标'}}</span>
|
|
|
- </section>
|
|
|
- <span class="qual-info">{{`${item.text}`}}{{item.target ? `(${item.completed_num}/${item.target})` : ''}}</span>
|
|
|
- </section>
|
|
|
- </section>
|
|
|
<section class="cert-status">
|
|
|
<button class="cer-ctrl death" v-if="isDeath">{{detail.btn_name}}</button>
|
|
|
<button class="cer-ctrl" @click="clickBtn" v-else>{{detail.btn_name}}</button>
|
|
|
@@ -151,7 +151,6 @@ h1 {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
padding: 20px 0;
|
|
|
- border-bottom: 1px solid #d8d8d8;
|
|
|
}
|
|
|
.price {
|
|
|
font-size: 24px;
|