工作268:uni--選單頁面

小歌謠(公眾號同名)發表於2020-12-23
<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>

執行結果

相關文章