home.vue 1.57 KB
Newer Older
Nature's avatar
Nature committed
1
<template>
Nature's avatar
Nature committed
2
  <h-view id="home" class="public-style" title="车租易" >
Nature's avatar
Nature committed
3 4 5
    <h-header>
      <div slot="left" class="h-header-btn" @click="$hlsExit()">
        <i class="ion-ios-arrow-back"/>
Nature's avatar
Nature committed
6
      </div>
Nature's avatar
Nature committed
7 8 9 10 11 12 13 14 15
      <div slot="center">车租易</div>
    </h-header>
    <s-tab :show-divider="true" :defaultActive="1" @tabClick="tabClick">
      <tab-item>APP</tab-item>
      <tab-item>Vue</tab-item>
    </s-tab>
    <h-content>
      <div class="icon">
        <img src="@/assets/image/icon.png">
Nature's avatar
Nature committed
16
      </div>
Nature's avatar
Nature committed
17
      <h3>Welcome to Your Vue.js App</h3>
Nature's avatar
Nature committed
18
      <h-file :file-list="fileList" v-model="fileList"/>
Nature's avatar
Nature committed
19 20 21 22 23 24 25
    </h-content>
  </h-view>
</template>
<script>
export default {
  data () {
    return {
Nature's avatar
Nature committed
26
      fileList: [],
Nature's avatar
Nature committed
27 28
    }
  },
Nature's avatar
Nature committed
29
  activated: function () {
Nature's avatar
Nature committed
30
    
Nature's avatar
Nature committed
31 32 33 34 35
  },
  updated: function () {

  },
  methods: {
Nature's avatar
Nature committed
36 37
    tabClick (index) {
      console.log(index)
Nature's avatar
Nature committed
38 39 40 41 42 43 44
    },
  },
}
</script>
<style lang="less" scoped type="text/less">

  #home {
Nature's avatar
Nature committed
45
    .content{
Nature's avatar
Nature committed
46 47
      display: flex;
      align-items: center;
Nature's avatar
Nature committed
48 49 50 51 52 53 54 55
      flex-direction: column;
      font-size: 24px;
      .icon{
        margin-top: 60px;
        margin-bottom: 20px;
        width: 100px;
        height: 100px;
        img{
Nature's avatar
Nature committed
56
          width: 100%;
Nature's avatar
Nature committed
57
          border-radius: 18px;
Nature's avatar
Nature committed
58 59 60 61
        }
      }
    }
  }
Nature's avatar
Nature committed
62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78
  // iPhoneX适配
  @media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
    .platform-ios {
      #home{
      }
    }
  }

  // iPhoneX Max适配
  @media (device-width: 414px) and (device-height: 896px) {
    .platform-ios {
      .platform-ios {
        #home{
        }
      }
    }
  }
Nature's avatar
Nature committed
79
</style>