不使用NScrollbar组件

src/assets/css/common.css

@@ -20,3 +20,31 @@
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
 }
+::-webkit-scrollbar {
+  /* 滚动条整体部分 */
+  width: 8px;
+  height: 8px;
+  background-color: #F5F5F5;
+}
+::-webkit-scrollbar-button {
+  /* 滚动条两端的按钮 */
+}
+::-webkit-scrollbar-track {
+  /* 外层轨道 */
+  border-radius: 6px;
+  background-color: #F5F5F5;
+}
+::-webkit-scrollbar-track-piece {
+  /* 内层轨道，滚动条中间部分（除去） */
+}
+::-webkit-scrollbar-thumb {
+  /* 滚动条里面可以拖动的那个 */
+  border-radius: 6px;
+  background-color: #dfdfdf;
+}
+::-webkit-scrollbar-corner {
+  /* 边角 */
+}
+::-webkit-resizer {
+  /* 定义右下角拖动块的样式 */
+}

src/assets/css/common.less

@@ -1,4 +1,4 @@
-.text-el-line{
+.text-el-line {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
@@ -6,12 +6,43 @@
   -webkit-box-orient: vertical;
 }
 
-.text-el-line1{
+.text-el-line1 {
   .text-el-line();
   -webkit-line-clamp: 1;
 }
 
-.text-el-line2{
+.text-el-line2 {
   .text-el-line();
   -webkit-line-clamp: 2;
-}
+}
+
+::-webkit-scrollbar {
+  /* 滚动条整体部分 */
+    width: 8px;
+    height: 8px;
+    background-color: #F5F5F5;
+}
+::-webkit-scrollbar-button {
+  /* 滚动条两端的按钮 */
+}
+::-webkit-scrollbar-track {
+  /* 外层轨道 */
+  // -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+  border-radius: 6px;
+  background-color: #F5F5F5;
+}
+::-webkit-scrollbar-track-piece {
+  /* 内层轨道，滚动条中间部分（除去） */
+}
+::-webkit-scrollbar-thumb {
+  /* 滚动条里面可以拖动的那个 */
+  border-radius: 6px;
+  // -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
+  background-color: #dfdfdf;
+}
+::-webkit-scrollbar-corner {
+  /* 边角 */
+}
+::-webkit-resizer {
+  /* 定义右下角拖动块的样式 */
+}