less测试

@@ -6,3 +6,14 @@
 @base-color: #11D2B1;
 // 文字颜色
 @base-font-color: #FFFFFF;
+
+// 定义一个映射
+#colors() {
+  base-color: @base-color;
+  base-font-color: @base-font-color;
+}
+
+// 混合
+.width100 {
+  width: 100%;
+}

@@ -2,7 +2,7 @@
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Date: 2022-04-21 10:04:58
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-06-02 21:18:10
+ * @LastEditTime: 2022-06-18 19:28:22
  * @FilePath: /tswj/src/components/MyButton/index.vue
  * @Description: 
 -->
@@ -61,10 +61,10 @@ export default {
     padding: 0.6rem;
     margin: 0.5rem;
     font-size: 1rem;
-    background: @base-color;
+    background: #colors[base-color];
     border-radius: 24px;
-    border: 1px solid @base-color;
-    color: @base-font-color;
+    border: 1px solid #colors[base-color];
+    color: #colors[base-font-color];
     font-weight: bold;
   }
   .button-plain {

@@ -68,7 +68,7 @@ const goSchool = () => { // 跳转选择幼儿园页面
   // background-image: url('@images/shouyedongtu.gif');
   background-image: url('http://gyzs.onwall.cn/shouyedongtu.gif');
   background-repeat: no-repeat;
-  width: 100%;
+  .width100();
   height: 100vh;
   background-size: 100% 85%;
   position: relative;
@@ -77,7 +77,7 @@ const goSchool = () => { // 跳转选择幼儿园页面
 .entry-wrapper {
   position: absolute;
   bottom: 1rem;
-  width: 100%;
+  .width100();
 
   .text {
     color: #B8B8B8;