usky-web-mobile/src/pages/business/analyse/index.vue

<template>
  <view class="analyse-wrapper" style="height: 100%">
    <view class="justify-center align-center text-center">
      <u-image src="@/static/images/analyse/analyse-bg.png" width="100%" height="273rpx" :showLoading="false" :fade="false"></u-image>
    </view>
    <view class="cu-list menu-avatar padding-lr-sm padding-top-sm" style="height: calc(100% - 8.53125rem)">
      <view class="cu-item mb10" @tap="goMonthReport()">
        <view class="cu-avatar">
          <image class="image-bg" src="@/static/images/analyse/yb-icon.png" />
        </view>
        <view class="content">
          <view class="">月报</view>
        </view>
        <view class="nav-right">
          <view class="text-grey">
            <text class="icon iconfont mr5 ml20">&#xe629;</text>
          </view>
        </view>
      </view>
      <view class="cu-item mb10" @tap="goBuildingCheck()">
        <view class="cu-avatar">
          <image class="image-bg" src="@/static/images/analyse/build-icon.png" />
        </view>
        <view class="content">
          <view class="">建筑体检</view>
        </view>
        <view class="nav-right">
          <view class="text-grey">
            <text class="icon iconfont mr5 ml20">&#xe629;</text>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    goMonthReport() {
      // uni.navigateTo({
      // 	url: '/pages/analyse/monthReport/monthReport',
      // });
    },
    goBuildingCheck() {
      // uni.navigateTo({
      // 	url: '/pages/analyse/buildingCheck/buildingCheck',
      // });
    },
  },
};
</script>

<style lang="scss">
//消息页面
.image-bg {
  width: 100%;
  height: 100%;
}

//分析页面
.analyse-wrapper {
  .cu-list.menu-avatar .cu-item {
    border-radius: 5px;
    padding: 30rpx 0;
    box-shadow: 1px 1px 4px rgb(26 26 26 / 10%);
    .cu-avatar {
      background-color: rgba(0, 0, 0, 0);
      left: 26rpx;
    }

    .content {
      left: 130rpx;
      font-size: 32rpx;
    }
  }
}
</style>