修改样式

src/views/hzyb/chart/Detail.vue

@@ -896,17 +896,17 @@ const pageTouchmove=(e)=>{
         <!-- 最新值 -->
         <div class="latest-value-wrap" v-if="resData">
             <p style="margin-bottom:10px">最新数值</p>
-            <ul class="flex list" v-if="resData.ChartInfo.ChartType===1">
-                <li :class="chartData.series.length==1?'one':''" v-for="item in chartData.series" :key="item.name">
+            <ul class="list" v-if="resData.ChartInfo.ChartType===1">
+                <li v-for="item in chartData.series" :key="item.name">
                     <p style="color:#333">{{moment(item.LatestDate).format('YYYY-MM-DD')}}</p>
-                    <p :style="{color:item.color}">{{item.name}}</p>
+                    <p :style="{color:item.color,flex:1}">{{item.name}}</p>
                     <p style="color:#1F243A">{{item.LatestValue}}</p>
                 </li>
             </ul>
-            <ul class="flex list" v-else>
-                <li style="width:100%;border-right:none">
+            <ul class="list" v-else>
+                <li>
                     <p style="color:#333">{{moment(resData.EdbInfoList[0].LatestDate).format('YYYY-MM-DD')}}</p>
-                    <p :style="{color:resData.EdbInfoList[0].ChartColor}">{{resData.ChartInfo.ChartName}}</p>
+                    <p :style="{color:resData.EdbInfoList[0].ChartColor,flex:1}">{{resData.ChartInfo.ChartName}}</p>
                     <p style="color:#1F243A">{{resData.EdbInfoList[0].LatestValue}}</p>
                 </li>
             </ul>   
@@ -1088,20 +1088,28 @@ const pageTouchmove=(e)=>{
         padding: 0 34px;
         margin-bottom: 30px;
         .list{
-            flex-wrap: wrap;
             box-sizing: border-box;
             li{
+                display: flex;
+                justify-content: space-between;
                 padding: 30px 0 10px 0;
-                width: 50%;
+                width: 100%;
                 box-sizing: border-box;
                 border-top: 1px solid #F6F6F6;
                 text-align: center;
                 font-size:24px;
-                &:nth-child(odd){
-                    border-right: 1px solid #F6F6F6;
+                box-sizing: border-box;
+                // &:nth-child(odd){
+                //     border-right: 1px solid #F6F6F6;
+                // }
+                p:nth-child(1){
+                    width: 150px;
+                    flex-shrink: 0;
                 }
                 p:nth-child(3){
+                    flex-shrink: 0;
                     font-size: 28px;
+                    width: 150px;
                 }
             }
             .one{