增加基本项目配置

components/AddressWindow.vue

@@ -0,0 +1,77 @@
+<template>
+  <div>
+    <div class="address-window" :class="value === true ? 'on' : ''">
+      <div class="title">
+        选择地址
+        <span class="iconfont icon-guanbi" @click="closeAddress"></span>
+      </div>
+      <div class="list" v-if="addressList.length">
+        <div
+          class="item acea-row row-between-wrapper"
+          :class="item.id === checked ? 'font-color-red' : ''"
+          v-for="(item, addressIndex) in addressList"
+          @click="tapAddress(addressIndex)"
+          :key="addressIndex"
+        >
+          <span class="iconfont icon-ditu" :class="item.id === checked ? 'font-color-red' : ''"></span>
+          <div class="addressTxt">
+            <div class="name" :class="item.id === checked ? 'font-color-red' : ''">
+              {{ item.realName }}
+              <span class="phone">{{ item.phone }}</span>
+            </div>
+            <div class="line1">
+              {{ item.province }}{{ item.city }}{{ item.district
+              }}{{ item.detail }}
+            </div>
+          </div>
+          <span class="iconfont icon-complete" :class="item.id === checked ? 'font-color-red' : ''"></span>
+        </div>
+      </div>
+      <div class="pictrue" v-if="addressList.length < 1">
+        <img :src="$VUE_APP_RESOURCES_URL+'/images/noAddress.png'" class="image" />
+      </div>
+      <div class="addressBnt bg-color-red" @click="goAddressPages">新加地址</div>
+    </div>
+    <div class="mask" @touchmove.prevent :hidden="value === false" @click="closeAddress"></div>
+  </div>
+</template>
+<script>
+import { getAddressList } from "@/api/user";
+
+export default {
+  name: "AddressWindow",
+  props: {
+    value: Boolean,
+    checked: Number
+  },
+  data: function() {
+    return {
+      addressList: [],
+      current: 0,
+      cartId: 0,
+      pinkId: 0,
+      couponId: 0
+    };
+  },
+  mounted: function() {},
+  methods: {
+    getAddressList: function() {
+      let that = this;
+      getAddressList().then(res => {
+        that.addressList = res.data;
+      });
+    },
+    closeAddress() {
+      this.$emit("input", false);
+    },
+    goAddressPages: function() {
+      this.$yrouter.push({ path: "/pages/user/address/AddAddress/main" });
+      this.$emit("redirect");
+    },
+    tapAddress: function(index) {
+      this.$emit("checked", this.addressList[index]);
+      this.$emit("input", false);
+    }
+  }
+};
+</script>