family-education/education_uni/subpkg/manager/manager.vue

<template>
	<view class="manageOrderWrapper">
	    <!-- 订单管理入口 -->
	    <view class="manageOrder" @click="toManageOrder">
	        <view>订单管理</view>
	        <image class="rightArrow" src="@/static/right.png"></image>
	    </view>
	    <!-- 投诉管理入口 -->
	    <view class="manageOrder" @click="toHandleComplaint">
	        <view>投诉管理</view>
	        <image class="rightArrow" src="@/static/right.png"></image>
	    </view>
	    <!-- 建议管理入口 -->
	    <view class="manageOrder" @click="toHandleSuggest">
	        <view>建议管理</view>
	        <image class="rightArrow" src="@/static/right.png"></image>
	    </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods: {
			toHandleComplaint() {
				uni.navigateTo({
					url: '/subpkg/manager/complaint/manager_complaint'
				})
			},
			toHandleSuggest() {
				uni.navigateTo({
					url: '/subpkg/manager/suggestion/manager_suggestion'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
page{
    height: 100%;
    background-color: #E2F0D9;
    padding: 20rpx;
}

/* 订单管理 */
.manageOrderWrapper{
    width: 100%;
}
.manageOrder{
    display: flex;
    position: relative;
    height: 80rpx;
    background-color: #FFF2CC;
    align-items: center;
    padding-left: 20rpx;
    border-radius: 20rpx;
    margin-bottom: 20rpx;
}

/* 箭头样式 */
.rightArrow{
    width: 40rpx;
    height: 40rpx;
    position: absolute;
    right: 60rpx;
}
</style>