前端工作总结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>