warewms-PDA/pages/index/news/news.vue

<template>
  <view class="content">
    <view class="border-customl">
      <view class="border-boke" @click="Waereroter">
        <view class="sawda">
          <uni-icons type="cart-filled" color="#ff0505" size="40"></uni-icons>
          <text style="margin-top: 5px">库位移动</text>
        </view>
      </view>
      <view class="border-boke" @click="Water">
        <view class="sawda">
          <uni-icons type="tune" color="#ff0505" size="40"></uni-icons>
          <text style="margin-top: 5px">库位越库</text>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
import utils from "@/utils/title.js";
export default {
  components: {},
  data() {
    return {
      dynamicTitle: "仓内管理",
    };
  },
  onLoad(option) {},
  created() {
    console.log("进");
    uni.setNavigationBarTitle({
      title: this.dynamicTitle,
      success: () => {
        console.log("修改标题成功");
      },
      fail: () => {
        console.log("修改标题失败");
      },
      complete: () => {
        console.log("修改标题结束");
      },
    });
  },
  mounted() {},
  methods: {
    Waereroter(url) {
      uni.navigateTo({
        url: "/pages/index/news/movement/movement",
      });
    },
    Water() {
      uni.navigateTo({
        url: "/pages/index/news/docking/docking",
      });
    },
  },
};
</script>
<style scoped>
/deep/.u-icon--right {
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
</style>
<style scoped lang="scss">
.content {
  // padding: 15px;
  .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>