product_wx/pages/subPackages/economicDevelopmentReport/economic.vue

<template>
    <div class="economic">
       <div class="noMsgBox">
         <img src="https://www.idea-co-sf.com/gardenProduct/image/youxiang.png">
         <span class="msgInfo">暂无消息</span>
       </div>
      <button class="backToHome" @click="backToHome">返回首页</button>
    </div>
</template>

<script>
export default {
  name: "",
  data(){
    return{

    }
  },
  methods:{
    backToHome(){
      uni.switchTab({
        url: "/pages/index/index",
      });
    }
  }
}
</script>

<style lang="scss">
    .economic{
      .noMsgBox{
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 90vw;
        margin-left: 5vw;
        position: relative;
        .msgInfo{
          color: rgba(3, 101, 249, 1);
          font-size: 48rpx;
        }
        img{
          width: 600rpx;
          height: 600rpx;
          margin-top: 150rpx;
        }
      }
      .backToHome{
        width: 90vw;
        margin-left: 5vw;
        margin-top: 168rpx;
        border-radius: 8rpx !important;
        padding: 24rpx;
        background: rgba(3, 101, 249, 1);
        color: white;
        font-size: 36rpx;
      }
    }
</style>