Browse Source

feat: img src with relative

ryanemax 3 months ago
parent
commit
202f59cde4

+ 1 - 1
projects/live-app/src/moduls/live/link-page/link-page.component.html

@@ -86,7 +86,7 @@
       </div>
       <div class="row-li" (click)="endCall($event)">
         <div class="icon-box" style="background-color: rgba(0, 0, 0, 0)">
-          <img class="icon" src="/img/挂断.png" alt="" class="icon-img" />
+          <img class="icon" src="img/挂断.png" alt="" class="icon-img" />
         </div>
         <div class="label">挂断</div>
       </div>

+ 1 - 1
projects/live-app/src/moduls/live/search/search.component.html

@@ -35,7 +35,7 @@
       <div class="title-tag">在线聊天</div>
       <div class="live-tag">
         <!-- <span></span>  -->
-        <img src="/img/live.gif" alt="" />
+        <img src="img/live.gif" alt="" />
         直播中
       </div>
       <div class="room-footer">

+ 15 - 15
projects/live-app/src/moduls/login/login.component.html

@@ -6,7 +6,7 @@
     </div>
     <div class="input">
       <div class="icon">
-        <img src="/img/phone.png" alt="" />
+        <img src="img/phone.png" alt="" />
       </div>
       <ion-input
         inputmode="tel"
@@ -19,7 +19,7 @@
     </div>
     <div class="input" *ngIf="type == 'code'">
       <div class="icon">
-        <img src="/img/security.png" alt="" />
+        <img src="img/security.png" alt="" />
       </div>
       <ion-input
         inputmode="numeric"
@@ -37,7 +37,7 @@
     </div>
     <div class="input" *ngIf="type == 'password'">
       <div class="icon">
-        <img src="/img/password.png" alt="" />
+        <img src="img/password.png" alt="" />
       </div>
       <ion-input
         type="password"
@@ -55,7 +55,7 @@
     </div>
     <div class="register" (click)="status = 'register'">
       还没有账号,去注册
-      <div class="icon"><img src="/img/login.png" alt="" /></div>
+      <div class="icon"><img src="img/login.png" alt="" /></div>
     </div>
   </div>
 </ion-content>
@@ -76,7 +76,7 @@
     </div>
     <div class="input">
       <div class="icon">
-        <img src="/img/phone.png" alt="" />
+        <img src="img/phone.png" alt="" />
       </div>
       <ion-input
         inputmode="tel"
@@ -88,7 +88,7 @@
     </div>
     <div class="input">
       <div class="icon">
-        <img src="/img/security.png" alt="" />
+        <img src="img/security.png" alt="" />
       </div>
       <ion-input
         inputmode="numeric"
@@ -106,7 +106,7 @@
     </div>
     <div class="input">
       <div class="icon">
-        <img src="/img/password.png" alt="" />
+        <img src="img/password.png" alt="" />
       </div>
       <ion-input
         [type]="inputType"
@@ -125,7 +125,7 @@
     </div>
     <div class="input">
       <div class="icon">
-        <img src="/img/password.png" alt="" />
+        <img src="img/password.png" alt="" />
       </div>
       <ion-input
         type="password"
@@ -136,7 +136,7 @@
     <div class="submit" (click)="resetPassword()">重置密码</div>
     <div class="register" (click)="status = 'login'">
       返回登录
-      <div class="icon"><img src="/img/login.png" alt="" /></div>
+      <div class="icon"><img src="img/login.png" alt="" /></div>
     </div>
   </div>
 </ion-content>
@@ -148,7 +148,7 @@
     </div>
     <div class="input">
       <div class="icon">
-        <img src="/img/phone.png" alt="" />
+        <img src="img/phone.png" alt="" />
       </div>
       <ion-input
         inputmode="tel"
@@ -160,7 +160,7 @@
     </div>
     <div class="input">
       <div class="icon">
-        <img src="/img/security.png" alt="" />
+        <img src="img/security.png" alt="" />
       </div>
       <ion-input
         inputmode="numeric"
@@ -178,7 +178,7 @@
     </div>
     <div class="input">
       <div class="icon">
-        <img src="/img/password.png" alt="" />
+        <img src="img/password.png" alt="" />
       </div>
       <ion-input
         [type]="inputType"
@@ -197,7 +197,7 @@
     </div>
     <div class="input">
       <div class="icon">
-        <img src="/img/password.png" alt="" />
+        <img src="img/password.png" alt="" />
       </div>
       <ion-input
         type="password"
@@ -207,7 +207,7 @@
     </div>
     <div class="input">
       <div class="icon">
-        <img src="/img/invite.png" alt="" />
+        <img src="img/invite.png" alt="" />
       </div>
       <ion-input
         type="text"
@@ -232,7 +232,7 @@
             transform: scale(0.5);
             margin-left: 5px;
           "
-          src="/img/login.png"
+          src="img/login.png"
           alt=""
         />
       </div>

+ 4 - 4
projects/live-app/src/moduls/tabs/home/home.component.html

@@ -19,8 +19,8 @@
         }
       </ion-segment>
       <div class="more">
-        <img (click)="isOpen = true" src="/img/more.png" alt="" />
-        <img src="/img/search.png" alt="" (click)="search()" />
+        <img (click)="isOpen = true" src="img/more.png" alt="" />
+        <img src="img/search.png" alt="" (click)="search()" />
       </div>
     </div>
   </div>
@@ -37,7 +37,7 @@
     </div>
   </div>
   <div class="notice">
-    <img src="/img/通知广播.png" alt="" class="notice-icon" />
+    <img src="img/通知广播.png" alt="" class="notice-icon" />
     <div class="swiper swiper-notice">
       <div class="swiper-wrapper">
         @for (item of notices; track $index) {
@@ -78,7 +78,7 @@
       <div class="title-tag">在线聊天</div>
       <div class="live-tag">
         <!-- <span></span>  -->
-        <img src="/img/live.gif" alt="" />
+        <img src="img/live.gif" alt="" />
         在线
       </div>
       <div class="room-footer">

+ 1 - 1
projects/live-app/src/moduls/tabs/live-review/live-review.component.html

@@ -3,7 +3,7 @@
     <div class="btn">点击进入直播间</div>
     <div class="block">
       <div class="tag">直播中
-        <img src="/img/live.gif" alt="">
+        <img src="img/live.gif" alt="">
       </div>
       <div class="live-room">这个女孩叫小美</div>
       <div class="tips">这个女孩叫小美正在直播</div>

+ 11 - 11
projects/live-app/src/moduls/tabs/my/my.component.html

@@ -72,7 +72,7 @@
         <div class="top2">
           <div class="user-block">
             <div class="user-avatar">
-              <img src="/img/2.png" alt="" class="tag" />
+              <img src="img/2.png" alt="" class="tag" />
               <img [src]="orderList[1]?.avatar" class="avatar" alt="" />
             </div>
             <div class="user-name">
@@ -87,7 +87,7 @@
         <div class="top1">
           <div class="user-block">
             <div class="user-avatar">
-              <img src="/img/2.png" alt="" class="tag" />
+              <img src="img/2.png" alt="" class="tag" />
               <img [src]="orderList[0]?.avatar" class="avatar" alt="" />
             </div>
             <div class="user-name">
@@ -102,7 +102,7 @@
         <div class="top3">
           <div class="user-block">
             <div class="user-avatar">
-              <img src="/img/2.png" alt="" class="tag" />
+              <img src="img/2.png" alt="" class="tag" />
               <img [src]="orderList[2]?.avatar" class="avatar" alt="" />
             </div>
             <div class="user-name">
@@ -149,56 +149,56 @@
     <div class="list">
       <div class="li" (click)="toUrl('/user/certification')">
         <div class="li-lable">
-          <img src="/img/实名 (2).png" alt="" class="icon" />
+          <img src="img/实名 (2).png" alt="" class="icon" />
           实名认证
         </div>
         <ion-icon name="chevron-forward-outline"></ion-icon>
       </div>
       <div class="li" (click)="toUrl('/user/anchor')">
         <div class="li-lable">
-          <img src="/img/成为主播.png" alt="" class="icon" />
+          <img src="img/成为主播.png" alt="" class="icon" />
           成为主播
         </div>
         <ion-icon name="chevron-forward-outline"></ion-icon>
       </div>
       <div class="li" (click)="goRoom()">
         <div class="li-lable">
-          <img src="/img/直播.png" alt="" class="icon" />
+          <img src="img/直播.png" alt="" class="icon" />
           直播间管理
         </div>
         <ion-icon name="chevron-forward-outline"></ion-icon>
       </div>
       <div class="li" (click)="showAgreement('registerAgreement')">
         <div class="li-lable">
-          <img src="/img/隐私.png" alt="" class="icon" />
+          <img src="img/隐私.png" alt="" class="icon" />
           隐私协议
         </div>
         <ion-icon name="chevron-forward-outline"></ion-icon>
       </div>
       <div class="li" (click)="toUrl('user/feedback')">
         <div class="li-lable">
-          <img src="/img/意见反馈.png" alt="" class="icon" />
+          <img src="img/意见反馈.png" alt="" class="icon" />
           意见反馈
         </div>
         <ion-icon name="chevron-forward-outline"></ion-icon>
       </div>
       <div class="li">
         <div class="li-lable">
-          <img src="/img/在线客服.png" alt="" class="icon" />
+          <img src="img/在线客服.png" alt="" class="icon" />
           在线客服
         </div>
         <ion-icon name="chevron-forward-outline"></ion-icon>
       </div>
       <div class="li" (click)="showAgreement('liveAgreement')">
         <div class="li-lable">
-          <img src="/img/签署协议.png" alt="" class="icon" />
+          <img src="img/签署协议.png" alt="" class="icon" />
           直播协议
         </div>
         <ion-icon name="chevron-forward-outline"></ion-icon>
       </div>
       <div class="li" (click)="onLogout()">
         <div class="li-lable">
-          <img src="/img/退出登录.png" alt="" class="icon" />
+          <img src="img/退出登录.png" alt="" class="icon" />
           退出登录
         </div>
         <ion-icon name="chevron-forward-outline"></ion-icon>

+ 3 - 3
projects/live-app/src/moduls/tabs/ranking/ranking.component.html

@@ -16,7 +16,7 @@
         <div class="top2">
           <div class="user-block">
             <div class="user-avatar">
-              <img src="/img/2.png" alt="" class="tag" />
+              <img src="img/2.png" alt="" class="tag" />
               <img [src]="orderList[1]?.avatar" class="avatar" alt="" />
             </div>
             <div class="user-name">
@@ -31,7 +31,7 @@
         <div class="top1">
           <div class="user-block">
             <div class="user-avatar">
-              <img src="/img/2.png" alt="" class="tag" />
+              <img src="img/2.png" alt="" class="tag" />
               <img [src]="orderList[0]?.avatar" class="avatar" alt="" />
             </div>
             <div class="user-name">
@@ -46,7 +46,7 @@
         <div class="top3">
           <div class="user-block">
             <div class="user-avatar">
-              <img src="/img/2.png" alt="" class="tag" />
+              <img src="img/2.png" alt="" class="tag" />
               <img [src]="orderList[2]?.avatar" class="avatar" alt="" />
             </div>
             <div class="user-name">