Merge pull request #167 from baiyaaaaa/update-layout

fixed row flex align bug

CHANGELOG.md

@@ -10,6 +10,7 @@
 - 修复 vue-popper 引入 popper 路径错误
 - 修复 DatePicker 初始值是合法时间类型但无法设置成功的问题
 - 修复 Pagination 的图标没有正确切换样式, #163
+- 修复 Row 组件 align 属性不生效的问题
 
 #### 非兼容性更新
 - Menu 组件的 `unique-opend` 属性修正为 `unique-opened`

examples/docs/layout.md

@@ -7,7 +7,6 @@
       }
     }
     .el-col {
-      height: 36px;
       border-radius: 4px;
     }
     .bg-purple-dark {
@@ -20,8 +19,8 @@
       background: #e5e9f2;
     }
     .grid-content {
-      height: 100%;
       border-radius: 4px;
+      min-height: 36px;
     }
     .row-bg {
       padding: 10px 0;

packages/theme-default/src/row.css

@@ -26,6 +26,13 @@
       @when justify-space-around {
         justify-content: space-around;
       }
+
+      @when align-middle {
+        align-items: center;
+      }
+      @when align-bottom {
+        align-items: flex-end;
+      }
     }
 
   }