<template>
  <div class="pay">
    <!-- <div @click="fn">获取验证码</div>
    <input type="text" v-model="code" />
    <div @click="fn1">登录</div>
    <div @click="fn2">获取新信息</div>
    <van-action-sheet :close-on-click-overlay="false" v-model="show" title="盒内全部商品">
      <div class="content">
        <div class="asd"> 

        </div>
      </div>
    </van-action-sheet> -->
    <div  @click="showPopup">asfaf</div>
    <van-popup v-model="show">
      <van-area
        @confirm="asd"
        title="标题"
        :area-list="areaList"
        value="110101"
      />
    </van-popup>
    <div>{{asd}}</div>
  </div>
</template>

<script>
import { areaList } from "@vant/area-data";
export default {
  name: "Pay",
  data() {
    return {
      // code: 123,
      // phone: 13580159193,
      // show: false,
      areaList,
      show: false,
    };
  },
  methods: {
    asd(e) {
      console.log(e);
      this.show=false
    },
    showPopup() {
      this.show = true;
    },
    // fn() {
    //   this.$store.dispatch("gainCode", 13580159193);
    // },
    // fn1() {
    //   this.$store.dispatch("login", {
    //     code: this.code,
    //     phone: this.phone,
    //   });
    // },
    // fn2() {
    //   this.$store.dispatch("gainInfo");
    // },
  },
  mounted() {
    // console.log(this.$route);
  },
  computed:{
    asd(){
      return this.$store.state.user.tokena
    }
  }
};
</script>

<style lang="scss" scoped>
.custom-title {
  margin-right: 4px;
  vertical-align: middle;
}

.search-icon {
  font-size: 16px;
  line-height: inherit;
}
.content {
  padding: 16px 16px 160px;
  .asd {
    width: 720px;
    height: 500px;
    background-color: red;
  }
}
</style>