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

<template>
	<view class="manageOrderWrapper">
	    <!-- 订单管理入口 -->
	    <view class="manageOrder" @click="toManageOrder">
	        <view>订单管理</view>
	        <image class="rightArrow" src="@/static/rightwhite.png"></image>
	    </view>
	    <!-- 投诉管理入口 -->
	    <view class="manageOrder" @click="toHandleComplaint">
	        <view>投诉管理</view>
	        <image class="rightArrow" src="@/static/rightwhite.png"></image>
	    </view>
	    <!-- 建议管理入口 -->
	    <view class="manageOrder" @click="toHandleSuggest">
	        <view>建议管理</view>
	        <image class="rightArrow" src="@/static/rightwhite.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">
	page{
		padding: 20rpx;
		height: 100%;
		// background-color: #FFF;
	}
</style>

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

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

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