fix: style #128

JX3BOX · Dec 8, 2023 · 04c426e · 04c426e
1 parent d693a9d
commit 04c426e
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 14 deletions.
diff --git a/src/assets/css/pet/single.less b/src/assets/css/pet/single.less
@@ -62,6 +62,7 @@
     box-sizing: border-box;
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
     .u-title {
+        .pr;
         .flex;
         .fz(28px,28px);
         .bold;
@@ -94,6 +95,11 @@
     }
 
     .u-shop {
+        .pa;
+        .rt(0,40px);
+        .flex;
+        gap: 10px;
+        flex-direction: column;
         i {
             .dbi;
             // .y(1px);

diff --git a/src/views/pet/PetSingle.vue b/src/views/pet/PetSingle.vue
@@ -21,6 +21,17 @@
                             >
                         </template>
                     </div>
+                    <div class="u-meta u-shop" v-if="shopInfo.RewardsPrice || shopInfo.CoinPrice">
+                        <!-- <span class="u-meta-label">商城价格：</span> --> 
+                        <el-tag class="u-price-item u-rewards" v-if="shopInfo.RewardsPrice > 0">
+                            积分<b>{{ shopInfo.RewardsPrice }}</b>
+                            <i class="u-icon-rewards"></i>
+                        </el-tag>
+                        <el-tag class="u-price-item u-coin">
+                            通宝<b>{{ shopInfo.CoinPrice }}</b>
+                            <i class="u-icon-coin"></i>
+                        </el-tag>
+                    </div>
                 </h1>
                 <i class="u-stars">
                     <img v-for="count in pet.Star" :key="count" class="u-star" src="@/assets/img/star.svg" svg-inline />
@@ -47,20 +58,6 @@
                             </template>
                         </span>
                     </div>
-
-                    <div class="u-meta u-shop" v-if="shopInfo.RewardsPrice || shopInfo.CoinPrice">
-                        <span class="u-meta-label">商城价格：</span>
-                        <span class="u-price">
-                            <el-tag class="u-price-item u-rewards" v-if="shopInfo.RewardsPrice > 0">
-                                积分<b>{{ shopInfo.RewardsPrice }}</b>
-                                <i class="u-icon-rewards"></i>
-                            </el-tag>
-                            <el-tag class="u-price-item u-coin">
-                                通宝<b>{{ shopInfo.CoinPrice }}</b>
-                                <i class="u-icon-coin"></i>
-                            </el-tag>
-                        </span>
-                    </div>
                 </div>
                 <!-- 宠物技能 -->
                 <div class="m-pet-skills">