前端工作总结259-uni--菜单页面

<template>
  <view class="u-flex u-flex-wrap u-row-between wrap">
    <view class="u-flex u-row-center u-col-center box">
      <u-image width="60rpx" height="60rpx" src="../../static/cre/img.png"></u-image>
      <view class="t-title">图文管理</view>
    </view>
    <navigator url="../complaint/complaint">
 
 
      <view class="u-flex u-row-center u-col-center box">
        <u-image width="60rpx" height="60rpx" src="../../static/cre/vedio.png"></u-image>
        <view class="t-title">视频管理</view>
      </view>
    </navigator>
    <navigator url="../my_money_rule/my_money_rule">
      <view class="u-flex u-row-center u-col-center box">
        <u-image width="60rpx" height="60rpx" src="../../static/cre/imgpic.png"></u-image>
        <view class="t-title">播放规则</view>
      </view>
    </navigator>
    <navigator url="../busness_star/busness_star">
      <view class="u-flex u-row-center u-col-center box">
        <u-image width="60rpx" height="60rpx" src="../../static/cre/videopic.png"></u-image>
        <view class="t-title">设备状态</view>
      </view>
    </navigator>
  </view>
</template>
 
<script>
  export default {
    data() {
      return {
 
      }
    },
    methods: {
 
    }
  }
</script>
 
<style lang="scss">
  .wrap {
    padding: 30rpx;
 
    .box {
      width: 312rpx;
      height: 170rpx;
      background: #FFFFFF;
      box-shadow: 0rpx 3rpx 16rpx #F0F0F0;
      opacity: 1;
      border-radius: 8rpx;
      flex-direction: column;
      margin-bottom: 41rpx;
 
      .t-title {
        margin-top: 28rpx;
        font-size: 26rpx;
        font-family: PingFangSC;
        font-weight: 400;
        color: #333333;
        opacity: 1;
      }
    }
  }
</style>