修改样式

src/views/actualCombat/detail.vue

@@ -24,7 +24,7 @@
        <span class="numberPeople">{{formData.memberNumber}}人已订阅</span>
        </div>
       <span class="profit">总收益</span>
-      <span class="percentage">{{formData.yields*100}}%</span>
+      <span class="percentage">{{(formData.yields*100).toFixed(2)}}%</span>
       <!-- 线 -->
       <div class="line"></div>
 
@@ -54,16 +54,16 @@
             <span>-10.83%</span>
         </div> -->
         <div class="tab-box-Two">
-            <span>{{formData.monthlyBackYields*100}}%</span>
+            <span>{{(formData.monthlyBackYields*100).toFixed(2)}}%</span>
         </div>
         <div class="tab-box-Two">
-            <span>{{formData.position}}%</span>
+            <span>{{(formData.position).toFixed(2)}}%</span>
         </div>
         <div class="tab-box-Two">
-            <span>{{backYields*100}}%</span>
+            <span>{{(backYields*100).toFixed(2)}}%</span>
         </div>
         <div class="tab-box-Two">
-            <span>{{formData.successPercent*100}}%</span>
+            <span>{{(formData.successPercent*100).toFixed(2)}}%</span>
         </div>
         
     </div>
@@ -123,7 +123,7 @@
       <div class="profitBox">
         <div class="profitLeft">
           <span class="profitTitle">收益率:</span>
-          <span class="profitNumber">{{formData.yields*100}}%</span>
+          <span class="profitNumber">{{(formData.yields*100).toFixed(2)}}%</span>
         </div>
         <div class="profitright">
         <span class="profitTitle">总收益:</span>
@@ -137,7 +137,7 @@
         </div>
         <div class="profitright">
         <span class="profitTitle">仓位:</span>
-          <span class="profitNumberTwo">{{formDataThree.positionPercent*100}}%</span>
+          <span class="profitNumberTwo">{{(formDataThree.positionPercent*100).toFixed(2)}}%</span>
         </div>
       </div>
       <div class="profitBoxTwo" style="margin-top:0.3rem">
@@ -187,7 +187,7 @@
         <span>{{formDataThree.yieldsAmount}}</span>
       </div>
       <div class="soldText">
-        <span>{{formDataThree.positionPercent*100}}%</span>
+        <span>{{(formDataThree.positionPercent*100).toFixed(2)}}%</span>
       </div>
     </div>
     <div class="analystTwo">

src/views/actualCombat/index.vue

@@ -22,7 +22,7 @@
           <div class="left-card" >
               <div class="card-title">
                   <span style="display:block;margin-bottom:0.1rem" >{{tableName}}</span>
-                  <span style="display:block;font-size:0.5rem;">{{profitSecond*100}}%</span>
+                  <span style="display:block;font-size:0.5rem;">{{(profitSecond*100).toFixed(2)}}%</span>
               </div>
               <span class="left-contect" @click="jumpDetail(profitIdTwo)">
                     {{productNameSecond}}
@@ -34,7 +34,7 @@
           <div class="center-card" >
               <div class="card-title">
                   <span style="display:block;margin-bottom:0.1rem">{{tableName}}</span>
-                  <span style="display:block;font-size:0.5rem;">{{profitFirst*100}}%</span>
+                  <span style="display:block;font-size:0.5rem;">{{(profitFirst*100).toFixed(2)}}%</span>
               </div>
             <span class="left-contect" @click="jumpDetail(profitIdFirst)">
                     {{productNameFirst}}
@@ -45,7 +45,7 @@
            <div class="rigth-card" >
                <div class="card-title">
                   <span style="display:block;margin-bottom:0.1rem">{{tableName}}</span>
-                  <span style="display:block;font-size:0.5rem;">{{profitThree*100}}%</span>
+                  <span style="display:block;font-size:0.5rem;">{{(profitThree*100).toFixed(2)}}%</span>
               </div>
                 <span class="left-contect" @click="jumpDetail(profitThree)">
                    {{productNameThree}}
@@ -62,12 +62,12 @@
 <span style="display:block;font-size:0.5rem">{{i.productName}}</span>
 <span style="display:block;font-size:0.5rem;margin-top: 0.2rem;">
   {{tableName}}: 
-  <span v-if="tabIndex=='yields'" style="color:red">{{i.yields*100}}%</span> 
-  <span v-if="tabIndex=='seasonYields'" style="color:red">{{i.seasonYields*100}}%</span> 
-  <span v-if="tabIndex=='monthlyYields'" style="color:red">{{i.monthlyYields*100}}%</span> 
-  <span v-if="tabIndex=='backYields'" style="color:red">{{i.backYields*100}}%</span> 
-  <span v-if="tabIndex=='successPercent'" style="color:red">{{i.successPercent*100}}%</span> 
-  <span v-if="tabIndex=='position'" style="color:red">{{i.position*100}}%</span> 
+  <span v-if="tabIndex=='yields'" style="color:red">{{(i.yields*100).toFixed(2)}}%</span> 
+  <span v-if="tabIndex=='seasonYields'" style="color:red">{{(i.seasonYields*100).toFixed(2)}}%</span> 
+  <span v-if="tabIndex=='monthlyYields'" style="color:red">{{(i.monthlyYields*100).toFixed(2)}}%</span> 
+  <span v-if="tabIndex=='backYields'" style="color:red">{{(i.backYields*100).toFixed(2)}}%</span> 
+  <span v-if="tabIndex=='successPercent'" style="color:red">{{(i.successPercent*100).toFixed(2)}}%</span> 
+  <span v-if="tabIndex=='position'" style="color:red">{{(i.position*100).toFixed(2)}}%</span> 
   </span>
 </div>
 <div class="top-right">
@@ -76,7 +76,7 @@
 </div>
 </div>
 <div class="bottomthis-box">
-<span style="display:block;font-size:0.4rem;margin-left:0.2rem">仓位  {{i.position*100}}%</span><span style="display:block;font-size:0.5rem;font-size:0.4rem;margin-left:0.4rem">周收益  {{i.weekYields*100}}%</span><span style="display:block;font-size:0.5rem;font-size:0.4rem;margin-left:0.4rem">月收益  {{i.monthlyYields*100}}%</span>
+<span style="display:block;font-size:0.4rem;margin-left:0.2rem">仓位  {{(i.position*100).toFixed(2)}}%</span><span style="display:block;font-size:0.5rem;font-size:0.4rem;margin-left:0.4rem">周收益  {{(i.weekYields*100).toFixed(2)}}%</span><span style="display:block;font-size:0.5rem;font-size:0.4rem;margin-left:0.4rem">月收益  {{(i.monthlyYields*100).toFixed(2)}}%</span>
 </div>
       </div>
       </div>