调整

src/components/index/scoreDetails/analysisTest.vue

@@ -12,21 +12,25 @@
                 :key="index"
                 width="200">{{item}}</th>
             </tr>
-            <tr class="analysisTest-content-right flex">
-                <td class="analysisTest-td" style="min-width: 56rpx;" :style="{'min-width':(item.KnowledgePoint.length*20+20)+'rpx'}" v-for="(item,index) in ScoreList" :key="index">
-                    <view class="analysisTest-number">{{item.Sort}}</view>
-                    <view class="analysisTest-difficulty">						
-						<template v-if="item.Difficulty == '易'"><van-icon name="star" v-for="(s,i) in 1" :key="i"/></template>
-						<template v-else-if="item.Difficulty == '中'"><van-icon name="star" v-for="(s,i) in 2" :key="i"/></template>
-						<template v-else-if="item.Difficulty == '难'"><van-icon name="star" v-for="(s,i) in 3" :key="i"/></template>
-                    </view>
-                    <view class="analysisTest-KnowledgePoint">{{item.KnowledgePoint}}</view>
-                    <view class="analysisTest-ScoreOne">{{item.QScore}}</view>
-                    <view class="analysisTest-ScoreTwo">{{item.Score}}</view>
-                    <view class="analysisTest-scoringRate">{{(item.ScoreRate * 100).toFixed(0)}}%</view>
-                    <view class="analysisTest-TheAverageAcore">{{item.AvgScore.toFixed(1)}}</view>
-                    <view class="analysisTest-averageScoringRate">{{(item.AvgScoreRate * 100).toFixed(0)}}%</view>
-                </td>
+            <tr class="analysisTest-content-right">
+				<scroll-view scroll-x="true" class="flex" style="width:100%;height: 561.6rpx;">
+                <view style="height: 100%;display: flex;flex-direction: row;flex-wrap: nowrap;" >
+                	<td class="analysisTest-td" style="min-width: 56rpx;" :style="{'min-width':(item.KnowledgePoint.length*20+20)+'rpx'}" v-for="(item,index) in ScoreList" :key="index">
+                	    <view class="analysisTest-number">{{item.Sort}}</view>
+                	    <view class="analysisTest-difficulty">						
+                			<template v-if="item.Difficulty == '易'"><van-icon name="star" v-for="(s,i) in 1" :key="i"/></template>
+                			<template v-else-if="item.Difficulty == '中'"><van-icon name="star" v-for="(s,i) in 2" :key="i"/></template>
+                			<template v-else-if="item.Difficulty == '难'"><van-icon name="star" v-for="(s,i) in 3" :key="i"/></template>
+                	    </view>
+                	    <view class="analysisTest-KnowledgePoint">{{item.KnowledgePoint}}</view>
+                	    <view class="analysisTest-ScoreOne">{{item.QScore}}</view>
+                	    <view class="analysisTest-ScoreTwo">{{item.Score}}</view>
+                	    <view class="analysisTest-scoringRate">{{(item.ScoreRate * 100).toFixed(0)}}%</view>
+                	    <view class="analysisTest-TheAverageAcore">{{item.AvgScore.toFixed(1)}}</view>
+                	    <view class="analysisTest-averageScoringRate">{{(item.AvgScoreRate * 100).toFixed(0)}}%</view>
+                	</td>
+                </view>
+				</scroll-view>
             </tr>
             
         </table>
@@ -103,8 +107,16 @@
     }
     .analysisTest-content-left th{
         background: #282828;
-        padding: 18rpx 24rpx;
+            padding: 0rpx 24rpx;
+            height: 11.8%;
+            overflow: hidden;
+            display: flex;
+            align-items: center;
+            text-align: center;
     }
+	.analysisTest-content-left th:last-child{
+		height: 17.4%;
+	}
     .analysisTest-content-left{
         width: 120rpx;
         border-radius: 35rpx 0 0 35rpx;