调优

src/components/service-info/service-info.vue

@@ -44,7 +44,7 @@
         <p class="des_p">{{ data.descript }}</p>
         <div class="jiage_d">
           <div class="dbn_wkdn">
-            价&nbsp;&nbsp;格：<span class="ndwa_indowa">
+            <span class="gnekg_fwf"><span style="margin-right: 30px;">价</span>格：</span><span class="ndwa_indowa">
               {{
                 specification && specification.money
                   ? specification.money * (showTime ? duration : 1)
@@ -54,8 +54,9 @@
             <span class="kfdf_jffa">金币</span>
           </div>
           <div class="nmd_kwd">
-            月售：<span class="ndwa_dn">{{ data.month_sale }} 笔 </span
-            ><img src="@/assets/imgs/shop_ic_star.png" class="dwin_diwa" />
+            <span class="bgnerighur">月售：<span class="ndwa_dn">{{ data.month_sale }} 笔 </span
+            ></span>
+            <img src="@/assets/imgs/shop_ic_star.png" class="dwin_diwa" />
             <span class="dn_wjd">{{ data.scoreDetail.avgScore }}</span>
           </div>
         </div>
@@ -495,45 +496,48 @@ export default {
   margin-left: 120px;
 }
 .dbn_wkdn {
-  color: #8890a7;
+  color: #242c43;
   font-size: 14px;
 }
 .ndwa_indowa {
   color: #e56600;
-  font-size: 26px;
+  font-size: 32px;
   font-weight: bold;
+  margin: 0 8px 0 20px;
 }
 .kfdf_jffa {
   color: #e56600;
   font-size: 14px;
+  position: relative;
+  bottom: 6px;
 }
 .nmd_kwd {
-  color: #8890a7;
+  color: #242c43;
 }
 .ndwa_dn {
   color: #242c43;
 }
 .dn_wjd {
   color: #ea7d19;
-  font-size: 18px;
+  font-size: 20px;
   position: relative;
   font-weight: bold;
 }
 .dwin_diwa {
   width: 14px;
   height: 14px;
-  margin-left: 20px;
+  margin-left: 42px;
   margin-right: 4px;
   position: relative;
 }
 .dn_wjd::after {
   content: "";
   position: absolute;
-  width: 2px;
-  height: 16px;
-  background-color: #e3e5ef;
-  top: 5px;
-  left: -35px;
+  width: 1px;
+  height: 14px;
+  background-color:#eccb8a;
+  top: 8px;
+  left: -44px;
 }
 .service_add_cart {
   width: 192px;
@@ -599,11 +603,15 @@ export default {
   width: 896px;
   height: 72px;
   margin-bottom: 16px;
-  padding: 20px;
+  padding: 20px 30px;
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
+.gnekg_fwf {
+  position: relative;
+  bottom: 6px;
+}
 .spec_des {
   margin-left: 128px;
   color: rgba(88, 97, 122, 0.5);
@@ -611,6 +619,10 @@ export default {
   line-height: 14px;
   margin-top: 8px;
 }
+.bgnerighur {
+  position: relative;
+  bottom: 1px;
+}
 </style>
 
 <style>