系统通知

src/App.vue

@@ -6,7 +6,7 @@ import { useRouter } from 'vue-router'
 const router = useRouter()
 // router.push(`/edit-choosing`)
 </script>
-<style>
+<style lang="less">
 * {
   margin: 0;
   padding: 0;
@@ -25,6 +25,12 @@ img {
   object-fit: contain;
 }
 
+.ellipsis {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 .shadow {
   -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.117647058823529);
   -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.117647058823529);
@@ -79,4 +85,23 @@ input::-webkit-outer-spin-button {
 input[type="number"] {
   -moz-appearance: textfield;
 }
+
+.scrollbar {
+
+  /*滚动条样式*/
+  &::-webkit-scrollbar {
+    width: 8px;
+  }
+  &::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
+    background: rgba(242, 242, 242, 1);
+  }
+
+  &::-webkit-scrollbar-track {
+    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
+    border-radius: 0;
+    background: transparent;
+  }
+}
 </style>