style:增加滚动条

src/assets/scss/common.scss

@@ -6,36 +6,65 @@ body {
     // overflow-y: auto;
 }
 //隐藏滚动条----------------------------------------------------------------
-div::-webkit-scrollbar {
+// div::-webkit-scrollbar {
-	display: none !important;
+// 	display: none !important;
-	width: 0 !important;
+// 	width: 0 !important;
-	height: 0 !important;
+// 	height: 0 !important;
-}
+// }
-div::-moz-scrollbar {
+// div::-moz-scrollbar {
-	display: none !important;
+// 	display: none !important;
-	width: 0 !important;
+// 	width: 0 !important;
-	height: 0 !important;
+// 	height: 0 !important;
-}
+// }
-div::-o-scrollbar {
+// div::-o-scrollbar {
-	display: none !important;
+// 	display: none !important;
-	width: 0 !important;
+// 	width: 0 !important;
-	height: 0 !important;
+// 	height: 0 !important;
-}
+// }
-body::-webkit-scrollbar {
+// body::-webkit-scrollbar {
-	display: none !important;;
+// 	display: none !important;;
-	width: 0 !important;
+// 	width: 0 !important;
-	height: 0 !important;
+// 	height: 0 !important;
-}
+// }
-body::-moz-scrollbar {
+// body::-moz-scrollbar {
-	display: none !important;
+// 	display: none !important;
-	width: 0 !important;
+// 	width: 0 !important;
-	height: 0 !important;
+// 	height: 0 !important;
-}
+// }
-body::-o-scrollbar {
+// body::-o-scrollbar {
-	display: none !important;
+// 	display: none !important;
-	width: 0 !important;
+// 	width: 0 !important;
-	height: 0 !important;
+// 	height: 0 !important;
-}
+// }
+
+::-webkit-scrollbar {
+	width: 6px; /*对垂直流动条有效*/
+	height: 6px; /*对水平流动条有效*/
+	}
+	
+	/*定义滚动条的轨道颜色、内阴影及圆角*/
+	::-webkit-scrollbar-track{
+	background-color: rgba(239, 244, 252, 1);
+	border-radius: 6px;
+	}
+	
+	
+	/*定义滑块颜色、内阴影及圆角*/
+	::-webkit-scrollbar-thumb{
+	border-radius: 3px;
+	background-color: rgba(78, 166, 255, 1);
+	}
+	
+	/*定义两端按钮的样式*/
+	::-webkit-scrollbar-button {
+	background-color:cyan;
+	display: none;
+	}
+	
+	/*定义右下角汇合处的样式*/
+	::-webkit-scrollbar-corner {
+	background:rgba(239, 244, 252, 1);;
+	}
 //隐藏滚动条----------------------------------------------------------------
 
 //禁止选中----------------------------------------------------------

src/components/OpenPages.vue

@@ -72,7 +72,7 @@ export default {
 <style scoped lang="scss">
 .openPages {
   width: 100%;
-  height: 50px;
+  // height: 50px;
   display: flex;
   background-color: rgba(255, 255, 255, 1);
   box-shadow: 0px 8px 8px 0px rgba(118, 136, 166, 0.1);

src/views/learningpath/LearningPath.vue

@@ -71,13 +71,11 @@
         :data-source="tableData"
         :loading="tableDataTotal === -1 ? true : false"
         expandRowByClick="true"
-        :scroll="{ x: 1600, y: 800 }"
+        :scroll="{ x: 1600 }"
         @expand="expandTable"
         :pagination="false"
       />
-      <!-- :pagination= showSizeChanger: true, showQuickJumper: true,
+
-      hideOnSinglePage: true, pageSizeOptions: [], pageSize: pageSize, current:
-      currentPage, total: tableDataTotal, -->
       <div class="pa">
         <a-pagination
           showSizeChanger="true"
@@ -244,6 +242,76 @@ export default {
           cretime: "2022-07-20 14:00:03",
           haspub: true,
         },
+        {
+          key: 4,
+          number: 4,
+          manager: "ui成长之路",
+          state: "草稿",
+          creater: "管理员",
+          pubtime: "2022-07-20 14:00:03",
+          cretime: "2022-07-20 14:00:03",
+          haspub: true,
+        },
+        {
+          key: 4,
+          number: 4,
+          manager: "ui成长之路",
+          state: "草稿",
+          creater: "管理员",
+          pubtime: "2022-07-20 14:00:03",
+          cretime: "2022-07-20 14:00:03",
+          haspub: true,
+        },
+        {
+          key: 4,
+          number: 4,
+          manager: "ui成长之路",
+          state: "草稿",
+          creater: "管理员",
+          pubtime: "2022-07-20 14:00:03",
+          cretime: "2022-07-20 14:00:03",
+          haspub: true,
+        },
+        {
+          key: 4,
+          number: 4,
+          manager: "ui成长之路",
+          state: "草稿",
+          creater: "管理员",
+          pubtime: "2022-07-20 14:00:03",
+          cretime: "2022-07-20 14:00:03",
+          haspub: true,
+        },
+        {
+          key: 4,
+          number: 4,
+          manager: "ui成长之路",
+          state: "草稿",
+          creater: "管理员",
+          pubtime: "2022-07-20 14:00:03",
+          cretime: "2022-07-20 14:00:03",
+          haspub: true,
+        },
+        {
+          key: 4,
+          number: 4,
+          manager: "ui成长之路",
+          state: "草稿",
+          creater: "管理员",
+          pubtime: "2022-07-20 14:00:03",
+          cretime: "2022-07-20 14:00:03",
+          haspub: true,
+        },
+        {
+          key: 4,
+          number: 4,
+          manager: "ui成长之路",
+          state: "草稿",
+          creater: "管理员",
+          pubtime: "2022-07-20 14:00:03",
+          cretime: "2022-07-20 14:00:03",
+          haspub: true,
+        },
       ],
       imgData: [
         {