|
@@ -48,10 +48,108 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ad">
|
|
<div class="ad">
|
|
- <div class="text">爱聊 <span>VIP</span></div>
|
|
|
|
- <p>开通爱聊VIP,解锁海量专属主播聊天。</p>
|
|
|
|
|
|
+ <div class="ad-left">
|
|
|
|
+ <div class="text">爱聊 <span>VIP</span></div>
|
|
|
|
+ <p>开通爱聊VIP,解锁海量专属主播聊天。</p>
|
|
|
|
+ </div>
|
|
<div class="btn">立即开通</div>
|
|
<div class="btn">立即开通</div>
|
|
</div>
|
|
</div>
|
|
<div class="tool">
|
|
<div class="tool">
|
|
|
|
+ @for (item of tools; track $index) {
|
|
|
|
+ <div class="tool-li">
|
|
|
|
+ <div class="icon">
|
|
|
|
+ <img [src]="item.icon" alt="" />
|
|
|
|
+ </div>
|
|
|
|
+ <div class="label">
|
|
|
|
+ {{ item.title }}
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ }
|
|
|
|
+ </div>
|
|
|
|
+ <div class="order">
|
|
|
|
+ <div class="ladder">
|
|
|
|
+ <div class="top-block">
|
|
|
|
+ <div class="top2">
|
|
|
|
+ <div class="user-block">
|
|
|
|
+ <div class="user-avatar">
|
|
|
|
+ <img src="/img/2.png" alt="" class="tag" />
|
|
|
|
+ <img [src]="user?.get('avatar')" class="avatar" alt="" />
|
|
|
|
+ </div>
|
|
|
|
+ <div class="user-name">
|
|
|
|
+ {{ user?.get("name") }}
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="user-detail">
|
|
|
|
+ <div class="num">7.66</div>
|
|
|
|
+ <div class="pm">TOP2</div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="top1">
|
|
|
|
+ <div class="user-block">
|
|
|
|
+ <div class="user-avatar">
|
|
|
|
+ <img src="/img/2.png" alt="" class="tag" />
|
|
|
|
+ <img [src]="user?.get('avatar')" class="avatar" alt="" />
|
|
|
|
+ </div>
|
|
|
|
+ <div class="user-name">
|
|
|
|
+ {{ user?.get("name") }}
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="user-detail">
|
|
|
|
+ <div class="num">7.66</div>
|
|
|
|
+ <div class="pm">TOP1</div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="top3">
|
|
|
|
+ <div class="user-block">
|
|
|
|
+ <div class="user-avatar">
|
|
|
|
+ <img src="/img/2.png" alt="" class="tag" />
|
|
|
|
+ <img [src]="user?.get('avatar')" class="avatar" alt="" />
|
|
|
|
+ </div>
|
|
|
|
+ <div class="user-name">
|
|
|
|
+ {{ user?.get("name") }}
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="user-detail">
|
|
|
|
+ <div class="num">7.66</div>
|
|
|
|
+ <div class="pm">TOP2</div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ @for (item of [user,user]; track $index) {
|
|
|
|
+ <div class="row">
|
|
|
|
+ <div class="row-left">
|
|
|
|
+ <span class="row-index">4</span>
|
|
|
|
+ <img [src]="item?.get('avatar')" alt="" class="row-avatar" />
|
|
|
|
+ <div class="row-name">{{ item?.get("name") }}</div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="row-right">
|
|
|
|
+ <div class="row-tpis">距离第一名</div>
|
|
|
|
+ <div class="row-tpis-num">3.5w <span></span></div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ }
|
|
|
|
+ </div>
|
|
|
|
+ <div class="setting">
|
|
|
|
+ <div class="setting-tabs">
|
|
|
|
+ <div class="row">
|
|
|
|
+ <div class="tabs-left">
|
|
|
|
+ <ion-icon name="remove-circle-outline"></ion-icon>
|
|
|
|
+ 勿扰开关
|
|
|
|
+ </div>
|
|
|
|
+ <ion-toggle [checked]="true" color="tertiary"></ion-toggle>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="list">
|
|
|
|
+ @for (item of settings; track $index) {
|
|
|
|
+ <div class="li">
|
|
|
|
+ <div class="li-lable">
|
|
|
|
+ <img [src]="item.icon" alt="" class="icon" />
|
|
|
|
+ {{ item.title }}
|
|
|
|
+ </div>
|
|
|
|
+ <ion-icon name="chevron-forward-outline"></ion-icon>
|
|
|
|
+ </div>
|
|
|
|
+ }
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</ion-content>
|
|
</ion-content>
|