<template>
  <div class="page_home">
    <div class="swiper-slide">
      <div style="widht:100%;height:100%">
         <iframe  :src = this.cardUrl width="100%" height="100%" marginwidth="0" frameborder="no" scrolling="no"></iframe>
      </div>
    </div>
    <!-- tab切换 -->
    <!-- <div class="tabs">
      <ul class="tabList">
        <li
          class="tabOne"
          v-for="item in this.navigationdata"
          :key="item.id"
          @click="CallPhone(item.linktype,item.navaddress)">
          <img :src="item.navimages" alt />
          <span>{{item.navtitle}}</span>
        </li>
      </ul>
    </div> -->
  </div>
</template>

<script>
import { getDefalutNavigationData,} from "@/api/micro/micro";
export default {
  data() {
    return {
      url:"",
      cardUrl:"http://wx.kuyicloud.com/weixin/membershipagree/"+this.url,
      navigationdata: [],
    };
  },
  methods: {
     getDefalutNavigationData(orgid) {
      getDefalutNavigationData(orgid).then(response => {
        if (response.data.state == 1) {
          var navigation = response.data.data.navigation;
          console.log("navigation是什么", navigation);
          this.navigationdata = navigation;
        }
      });
    },
  },
   created(){
    const orgid = this.$route.query.orgid;
    this.url = orgid;
    console.log("我的世界", orgid);
    this.getDefalutNavigationData(orgid);
  },
 };
</script>

<style lang="scss" scoped>
@import "../../assets/styles/mixin.scss";

.page_home {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  > div:first-child {
    flex: 1;
    overflow: auto;
  }
  > div:first-child::-webkit-scrollbar {
    width: 0;
  }
  // border:solid 1px red;
}
// .bugone{
//   border: solid 1px red;
// }


.tabs {
  @include border-top;
  width: 100%;
  height: 3.125rem;
  box-sizing: border-box;
}
.tabList {
  display: flex;
  justify-content: space-around;
  height: 100%;
  .tabOne {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    img {
      // margin-top: 0.5rem;
      width: 1.875rem;
      height: 1.875rem;
    }
    span {
      font-size: 0.75rem;
      color: #999;
      // line-height: 1.3125rem;
    }
  }
}
</style>
