<template>
  <page-meta :page-font-size="fontValue+'px'" :root-font-size="fontValue+'px'"></page-meta>
  <view class="content">
    <view class="details">
      <view class="border" @click="navigateTo('/pages/mine/enterAndExit/enter/index')">
        <view class="img">
          <image class="img_show" :src="enterImg"></image>
        </view>
        <view class="text">
          <text style="font-weight: bold;font-size: 30rpx;">入库</text>
        </view>
      </view>
    </view>
    <view class="details">
      <view class="border">
        <view class="img">
          <image class="img_show" :src="exitImg"></image>
        </view>
        <view class="text">
          <text style="font-weight: bold;font-size: 30rpx;">出库</text>
        </view>
      </view>
    </view>
    <view class="details" >
      <view class="border" @click="navigateTo('/pages/mine/enterAndExit/goods/index')">
        <view class="img">
          <image class="img_show" :src="goodsImg"></image>
        </view>
        <view class="text">
          <text style="font-weight: bold;font-size: 30rpx;">货品</text>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
import Tabs from '@/pages/components/Tabs.vue'

export default {
  components: { Tabs },
  data() {
    return {
      fontValue: uni.getStorageSync('fontSize') || 8,
      enterImg: require('@/static/images/enterExit/enter.png'),
      exitImg: require('@/static/images/enterExit/out.png'),
      goodsImg: require('@/static/images/enterExit/goods.png')
    }
  },
  onLoad() {
  },
  onShow() {
  },
  methods: {
    navigateTo(url) {
      uni.navigateTo({
        url
      })
    }
  }
}
</script>

<style lang="scss" scoped>
.content {
  background: #f9fbff;
  height: 95vh;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;

  .details {
    margin-top: 50rpx;
    width: 49%;
    padding: 50rpx;

    .border {
      border: 1px solid #e5e5e5;
      padding: 50rpx;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;

      .img_show {
        width: 200rpx;
        height: 200rpx;
        border-radius: 10rpx;
      }
    }

  }

}

</style>
