[improvement] rename packages dir to src (#3659)

2019-06-27 11:25:57 +08:00
parent 8489918dca
commit 75c79b7044
619 changed files with 21 additions and 21 deletions
@@ -0,0 +1,110 @@
+<template>
+  <demo-section>
+    <van-tabs
+      v-model="tab"
+      sticky
+      :color="BLUE"
+    >
+      <van-tab title="基础图标">
+        <van-col
+          v-for="icon in icons.basic"
+          :key="icon"
+          span="6"
+        >
+          <van-icon :name="icon" />
+          <span>{{ icon }}</span>
+        </van-col>
+      </van-tab>
+      <van-tab title="线框风格">
+        <van-col
+          v-for="icon in icons.outline"
+          :key="icon"
+          span="6"
+        >
+          <van-icon :name="icon" />
+          <span>{{ icon }}</span>
+        </van-col>
+      </van-tab>
+      <van-tab title="实底风格">
+        <van-col
+          v-for="icon in icons.filled"
+          :key="icon"
+          span="6"
+        >
+          <van-icon :name="icon" />
+          <span>{{ icon }}</span>
+        </van-col>
+      </van-tab>
+    </van-tabs>
+  </demo-section>
+</template>
+
+<script>
+import icons from '@vant/icons';
+import { BLUE } from '../../utils/color';
+
+export default {
+  i18n: {
+    'zh-CN': {
+      title: '图标列表',
+      info: '显示徽标',
+      basic: '基础图标'
+    },
+    'en-US': {
+      title: 'Icon List',
+      info: 'Show Info',
+      basic: 'Basic Icon'
+    }
+  },
+
+  data() {
+    this.BLUE = BLUE;
+    this.icons = icons;
+    return {
+      tab: 0
+    };
+  }
+};
+</script>
+
+<style lang="less">
+@import '../../style/var';
+
+.demo-icon {
+  font-size: 0;
+
+  &-list {
+    box-sizing: border-box;
+    min-height: calc(100vh - 65px);
+    padding-top: 10px;
+  }
+
+  .van-col {
+    display: inline-block;
+    float: none;
+    height: 100px;
+    text-align: center;
+    vertical-align: middle;
+
+    span {
+      display: block;
+      padding: 0 5px;
+      color: @gray-darker;
+      font-size: 12px;
+      line-height: 18px;
+    }
+  }
+
+  .van-icon {
+    margin: 20px 0 10px;
+    color: @text-color;
+    font-size: 32px;
+  }
+
+  .van-tab__pane {
+    width: auto;
+    margin: 20px;
+    background-color: #fff;
+  }
+}
+</style>