修改样式

src/assets/styles/index.scss

@@ -233,6 +233,7 @@ div:focus {
 .text-muted {
   color: #888888;
 }
+
 .text-orange {
   color: orangered;
 }
@@ -240,12 +241,15 @@ div:focus {
 .text-hotpink {
   color: hotpink;
 }
+
 .text-green {
   color: green;
 }
+
 .text-greenyellow {
   color: greenyellow;
 }
+
 /* image */
 .img-circle {
   border-radius: 50%;

src/assets/styles/variables.module.scss

@@ -37,6 +37,10 @@ $base-sidebar-width: 210px;
 
 // the :export directive is the magic sauce for webpack
 // https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
+/* js中import， import variables from '@/assets/styles/variables.module.scss'
+   template中使用 eg：variables.menuColor 
+*/
+
 :export {
   menuColor: $base-menu-color;
   menuLightColor: $base-menu-light-color;