refactor: 优化代码

kouchao · kouchao · commit f40b7f1e8da6 · 2019-12-02T09:58:33.000+08:00
diff --git a/src/components/col/src/col.vue b/src/components/col/src/col.vue
@@ -1,7 +1,5 @@
 <template>
-  <div
-    :class="classList"
-  >
+  <div :class="classList">
     <slot />
   </div>
 </template>
@@ -39,12 +37,13 @@ export default {
   mounted () {
     const sizeList = ['xs', 'sm', 'md', 'lg'];
     const classList = [];
-    sizeList.forEach(size => {
-      if (this[size] && this[size] <= 12) {
-        classList.push(`layui-col-${size + this[size]}`);
-        if (this.offset) {
-          classList.push(`layui-col-${size + '-offset' + this.offset}`);
-        }
+    sizeList.forEach(type => {
+      const val = this[type];
+      if (val && val <= 12) {
+        classList.push(`layui-col-${type}${val}`);
+      }
+      if (this.offset) {
+        classList.push(`layui-col-${type}-offset${this.offset}`);
       }
     });
     this.classList = classList;
diff --git a/src/components/row/src/row.vue b/src/components/row/src/row.vue
@@ -1,10 +1,5 @@
 <template>
-  <div
-    :class="[
-      'layui-row',
-      `layui-col-space${space}`
-    ]"
-  >
+  <div :class="[ 'layui-row', `layui-col-space${space}` ]">
     <slot />
   </div>
 </template>
