warewms-PDA/pages/index/index.vue

<template>
  <view class="login">
    <view class="content">
      <!-- 头部logo -->
      <!-- <view class="header">
        <image :src="logoImage"></image>
      </view> -->
      <view class="header_title">
        <u-swiper
          :list="list3"
          indicator
          indicatorMode="line"
          circular></u-swiper>
        <!-- <text>欢迎使用WareWMS仓储管理系统</text> -->
      </view>
      <view class="dispan">
        <view class="border-customl">
          <view class="border-boke" @click="Waereroter">
            <view class="sawda">
              <uni-icons
                type="shop-filled"
                color="#ff0505"
                size="40"></uni-icons>
              <text style="margin-top: 5px">入库</text>
            </view>
          </view>
        </view>
        <!-- <view class="border-customl">
          <view class="border-boke" @click="roter">
            <view class="sawda">
              <u-icon name="shopping-cart" color="#ff0505" size="58"></u-icon>
              <text>扫描</text>
            </view>
          </view>
        </view> -->
      </view>
      <!-- 主体表单 -->
    </view>
  </view>
</template>

<script>
let _this;

export default {
  data() {
    return {
      //logo图片 base64
      list3: ["/static/img2.jpg", "/static/imgg1.jpg"],
    };
  },
  onLoad() {
    // uni.hideBackButton();
  },
  mounted() {
    _this = this;
    this.GetBanner();
  },
  methods: {
    Waereroter() {
      uni.navigateTo({
        url: "/pages/Warehousing/index",
      });
    },
    roter() {
      uni.navigateTo({
        url: "/pages/new_file",
      });
    },
    GetBanner() {},
  },
};
</script>

<style lang="scss" scoped>
.dispan {
  // display: flex;
  .border-customl {
    display: flex;
    flex-wrap: wrap;
    .border-boke {
      border: 1px solid #e5e5e5;
      width: 30%;
      height: 6rem;
      background: white;
      justify-content: center;
      display: flex;
      align-items: center;
      .sawda {
        position: absolute;
        display: grid;
        text-align: center;
      }
    }
  }
}
</style>