update

README.md

@@ -3,6 +3,6 @@
 
 代码整齐：yarn lint
 
-运行dev：yarn dev
+运行dev：yarn dev.demo
 
 更新web-toolkit: yarn core

src/views/demo1/demo1.vue

 <template>
   <div v-loading="loading">
-
+    <div>行列flex的用法</div>
+    <div class="flex center align-center">
+      <div class="flex column">
+        <div class="demo">1</div>
+        <div class="demo">2</div>
+      </div>
+      <div class="demo">3</div>
+    </div>
+    <div class="flex around">
+      <div class="flex column">
+        <div class="demo">1</div>
+        <div class="demo">2</div>
+      </div>
+      <div class="demo">3</div>
+    </div>
+    <div class="flex between">
+      <div class="flex column">
+        <div class="demo">1</div>
+        <div class="demo">2</div>
+      </div>
+      <div class="demo">3</div>
+    </div>
   </div>
 </template>
 <script lang="ts">
@@ -15,3 +36,10 @@ export default {
   },
 };
 </script>
+<style lang="scss">
+  .demo{
+    width: 100px;
+    height: 100px;
+    border: 1px black solid;
+  }
+</style>