<template>
  <div class="jdtrademark-banner">
    <div>
      <div @click="goIndentList">我的订单</div>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    /*去订单列表页jdindentlist */
    goIndentList() {
      location.href =
        "https://oauth2.jdcloud.com/authorize?response_type=token&redirect_uri=https://tm.plus.jdcloud.com/jdtm/getUser&state=jdindentlist&client_id=9491577327154697";
    }
  }
};
</script>

<style lang="scss" scoped>
.jdtrademark {
  width: 100%;
}

.jdtrademark-banner {
  min-height: 480px;
  background: yellowgreen;
  /* assets的别名？ */
  background: url(../../../assets/imgs/banner.png) center center no-repeat;
  background-size: cover;
}

.jdtrademark-banner > div {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  min-height: 480px;
}
.jdtrademark-banner > div > div {
  padding: 10px 40px;
  /* border: 1px solid rgba(207, 235, 252); */
  border: 1px solid #cfebfc;
  /* color: rgba(207, 235, 252); */
  color: #cfebfc;
  position: absolute;
  left: 0;
  top: 66%;
  cursor: pointer;
  font-size: 16px;
}
</style>