warewms-PDA/pages/index/index.vue

<template>
  <view class="login">
    <view class="content">
      <view class="dispan">
        <view class="border-customl">
          <view class="border-boke" @click="Waereroter">
            <view class="sawda">
              <view class="">
                <uni-icons
                  type="shop-filled"
                  color="#ff0505"
                  size="40"></uni-icons>
              </view>
              <view style="margin-top: 5px">补码</view>
            </view>
          </view>
          <view class="border-boke" @click="Material">
            <view class="sawda">
              <view class="">
                <uni-icons
                  type="gear-filled"
                  color="#ff0505"
                  size="40"></uni-icons>
              </view>
              <view style="margin-top: 5px">绑定料架号</view>
            </view>
          </view>
        </view>
      </view>
      <!-- 主体表单 -->
    </view>
  </view>
</template>

<script>
let _this;

export default {
  components: {},
  data() {
    return {
      //logo图片 base64
      list3: ["/static/img2.jpg", "/static/imgg1.jpg"],
    };
  },
  onLoad() {},
  mounted() {
    _this = this;
    this.GetBanner();
  },
  methods: {
    Waereroter() {
      uni.navigateTo({
        url: "/pages/Warehousing/index",
      });
    },
    Material() {
      uni.navigateTo({
        url: "/pages/index/Material/Material",
      });
    },
    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: flex;
        text-align: center;
        flex-direction: column;
      }
    }
  }
}
</style>