|
@@ -115,7 +115,15 @@ export default defineComponent({
|
|
|
</div>
|
|
|
)}
|
|
|
|
|
|
- <div class={['flex justify-between', !this.btnStatus && 'mt-8']}>
|
|
|
+ <div
|
|
|
+ class={[
|
|
|
+ 'text-2xl text-[#333] pb-4 mt-8',
|
|
|
+ !this.btnStatus && 'mt-8'
|
|
|
+ ]}
|
|
|
+ >
|
|
|
+ 开通条件
|
|
|
+ </div>
|
|
|
+ <div class={['flex justify-between']}>
|
|
|
<div
|
|
|
class="w-[334px] rounded-[10px] px-7 py-7"
|
|
|
style={{
|
|
@@ -123,26 +131,16 @@ export default defineComponent({
|
|
|
}}
|
|
|
>
|
|
|
<div class="flex justify-between items-center">
|
|
|
- <span class="text-2xl text-[#666]">
|
|
|
+ <span class="text-xl text-[#666]">
|
|
|
<i class="text-[#E32121] pr-1">*</i>粉丝数
|
|
|
</span>
|
|
|
<div class="text-2xl text-[#999] font-semibold flex items-center">
|
|
|
<span class="text-4xl text-black leading-none">
|
|
|
- {this.users?.fansNum}
|
|
|
+ {this.fansNum}
|
|
|
</span>
|
|
|
- <span>/</span>
|
|
|
- <span class="mt-1">{this.fansNum}</span>
|
|
|
+ <span class="mt-1 text-xl text-black">人</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="relative h-3.5 mt-7">
|
|
|
- <div class="absolute w-full h-full bg-[#E9E9E9] z-10 rounded-lg" />
|
|
|
- <div
|
|
|
- class="absolute h-full bg-[#FFA449] z-20 rounded-lg"
|
|
|
- style={{
|
|
|
- width: this.getRate(this.users?.fansNum, this.fansNum)
|
|
|
- }}
|
|
|
- />
|
|
|
- </div>
|
|
|
</div>
|
|
|
|
|
|
<div
|
|
@@ -152,26 +150,16 @@ export default defineComponent({
|
|
|
}}
|
|
|
>
|
|
|
<div class="flex justify-between items-center">
|
|
|
- <span class="text-2xl text-[#666]">
|
|
|
+ <span class="text-xl text-[#666]">
|
|
|
<i class="text-[#E32121] pr-1">*</i>课程数
|
|
|
</span>
|
|
|
<div class="text-2xl text-[#999] font-semibold flex items-center">
|
|
|
<span class="text-4xl text-black leading-none">
|
|
|
- {this.users?.expTime}
|
|
|
+ {this.overClassNum}
|
|
|
</span>
|
|
|
- <span>/</span>
|
|
|
- <span class="mt-1">{this.overClassNum}</span>
|
|
|
+ <span class="mt-1 text-xl text-black">课时</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="relative h-3.5 mt-7">
|
|
|
- <div class="absolute w-full h-full bg-[#E9E9E9] z-10 rounded-lg" />
|
|
|
- <div
|
|
|
- class="absolute h-full bg-[#2DC7AA] z-20 rounded-lg"
|
|
|
- style={{
|
|
|
- width: this.getRate(this.users?.expTime, this.overClassNum)
|
|
|
- }}
|
|
|
- />
|
|
|
- </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|