no message

src/components/charts/line.vue

@@ -115,6 +115,5 @@
 		background-position: 0px -57rpx;
 		background-repeat: no-repeat;
 		background-size: 100% auto;
-		background-color: #FFF;
 	}
 </style>

src/components/charts/penta.vue

@@ -95,6 +95,5 @@
 		    background-position: 0px 0rpx;
 		background-repeat: no-repeat;
 		background-size: 100% auto;
-		background-color: #FFF;
 	}
 </style>

src/components/charts/triangle.vue

@@ -95,6 +95,5 @@
 		background-position: 0px -40rpx;
 		background-repeat: no-repeat;
 		background-size: 100% auto;
-		background-color: #fff;
 	}
 </style>

src/components/navbar.vue

@@ -42,6 +42,7 @@
 <style scoped>
 	.navbar {
 		height: 100rpx;
+		background:#F6F6F6;
 	}
 
 	.sticky {

src/pages/index/scoreDetails.vue

@@ -60,11 +60,29 @@
         <view class="scoreDetails-title flex">
 			<text>各板块掌握情况</text>
 		</view>
+        <view class="index-student-information">
+            <penta></penta>
+        </view>
+        <view class="scoreDetails-title flex">
+            <text>试卷难度分析</text>
+        </view>
+        <view class="index-student-information">
+           <line></line> 
+        </view>
+        <view class="scoreDetails-title flex">
+            <text>难度掌握情况</text>
+        </view>
+        <view class="index-student-information">
+            <triangle></triangle>
+        </view>
 	</view>
 </template>
 
 <script>
     import analysisTest from '@/components/index/scoreDetails/analysisTest'
+    import penta from '@/components/charts/penta'
+    import line from '@/components/charts/line'
+    import triangle from '@/components/charts/triangle'
 	import vue, {
 		ref,
 		reactive,
@@ -90,7 +108,10 @@
 	export default {
 		components: {
 			navbar,
-            analysisTest
+            analysisTest,
+            penta,
+            line,
+            triangle
 		},
 		setup(props) {
 			let {
@@ -151,6 +172,12 @@
 </script>
 
 <style scoped>
+    .index-student-information{
+        min-height: 500rpx;
+		background: rgba(255,255,255,.7);
+		border-radius: 50rpx;
+        padding: 65rpx 0 70rpx 0;
+    }
     .scoreDetails-title view{
         font-size: 25rpx;
 		color: #ABABAB;