<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>