[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,141 @@
+<template>
+  <demo-section>
+    <demo-block :title="$t('basicUsage')">
+      <van-button
+        type="primary"
+        @click="showBasic = true"
+      >
+        {{ $t('buttonBasic') }}
+      </van-button>
+      <van-popup
+        v-model="showBasic"
+        :style="{ padding: '30px 50px' }"
+      >
+        {{ $t('content') }}
+      </van-popup>
+    </demo-block>
+
+    <demo-block :title="$t('position')">
+      <van-row>
+        <van-button
+          type="primary"
+          @click="showTop = true"
+        >
+          {{ $t('buttonTop') }}
+        </van-button>
+
+        <van-popup
+          v-model="showTop"
+          position="top"
+          :style="{ height: '20%' }"
+        />
+
+        <van-button
+          type="primary"
+          @click="showBottom = true"
+        >
+          {{ $t('buttonBottom') }}
+        </van-button>
+
+        <van-popup
+          v-model="showBottom"
+          position="bottom"
+          :style="{ height: '20%' }"
+        />
+      </van-row>
+
+      <van-button
+        type="primary"
+        @click="showLeft = true"
+      >
+        {{ $t('buttonLeft') }}
+      </van-button>
+
+      <van-popup
+        v-model="showLeft"
+        position="left"
+        :style="{ width: '20%', height: '100%' }"
+      />
+
+      <van-button
+        type="primary"
+        @click="showRight = true"
+      >
+        {{ $t('buttonRight') }}
+      </van-button>
+
+      <van-popup
+        v-model="showRight"
+        position="right"
+        :style="{ width: '20%', height: '100%' }"
+      />
+    </demo-block>
+
+    <demo-block
+      v-if="!$attrs.weapp"
+      :title="$t('getContainer')"
+    >
+      <van-button
+        type="primary"
+        @click="showGetContainer = true"
+      >
+        {{ $t('getContainer') }}
+      </van-button>
+      <van-popup
+        v-model="showGetContainer"
+        get-container="body"
+        :style="{ padding: '30px 50px' }"
+      />
+    </demo-block>
+  </demo-section>
+</template>
+
+<script>
+export default {
+  i18n: {
+    'zh-CN': {
+      position: '弹出位置',
+      buttonBasic: '展示弹出层',
+      buttonTop: '顶部弹出',
+      buttonBottom: '底部弹出',
+      buttonLeft: '左侧弹出',
+      buttonRight: '右侧弹出',
+      getContainer: '指定挂载节点'
+    },
+    'en-US': {
+      position: 'Position',
+      buttonBasic: 'Show Popup',
+      buttonTop: 'From Top',
+      buttonBottom: 'From Bottom',
+      buttonLeft: 'From Left',
+      buttonRight: 'From Right',
+      getContainer: 'Get Container'
+    }
+  },
+
+  data() {
+    return {
+      showBasic: false,
+      showTop: false,
+      showBottom: false,
+      showLeft: false,
+      showRight: false,
+      showGetContainer: false
+    };
+  }
+};
+</script>
+
+<style lang="less">
+@import '../../style/var';
+
+.demo-popup {
+  .van-row {
+    margin-bottom: 15px;
+  }
+
+  .van-button {
+    margin-left: 15px;
+  }
+}
+</style>