Initial commit

components/AreaPicker/index.vue

@@ -0,0 +1,44 @@
+<template>
+  <u-picker
+    :show="show"
+    :defaultIndex="defaultIndex"
+    :columns="columns"
+    keyName="label"
+    @cancel="cancel"
+    @confirm="confirm"
+  />
+</template>
+
+<script>
+import { areaCode } from "./areaCode";
+export default {
+  data() {
+    return {
+      show: false,
+      defaultIndex: [0],
+    };
+  },
+  methods: {
+    init() {
+      this.show = true;
+    },
+    confirm({ value }) {
+      const item = value[0];
+      this.$emit("chooseArea", item.value);
+      this.show = false;
+    },
+    cancel() {
+      this.show = false;
+    },
+  },
+  computed: {
+    columns() {
+      const list = areaCode.map((i) => {
+        return { label: `${i.label} +${i.value}`, value: i.value };
+      });
+      return [list];
+    },
+  },
+};
+</script>
+<style lang="scss" scoped></style>