.container { display: flex; flex-direction: column; justify-content: flex-start; /* 让元素从容器的顶部开始对齐 */ align-items: center; height: 100vh; background-color: #f5f8f9; padding-top:20rpx; } .menu-item { cursor: pointer; /* 鼠标悬停时显示为指针 */ background-color: #f5f8f9; padding: 20rpx; margin-top: 20rpx; /* 每个卡片上方的间距 */ border-radius: 20rpx; box-shadow: 4rpx 4rpx 6rpx rgba(64, 149, 229, 0.85); display: flex; justify-content: space-between; align-items: center; border: 1px solid rgba(29,70,157,1); width: 600rpx; height: 100rpx; } .icon { width: 75rpx; /* 图标大小 */ height: 75rpx; /* 图标大小 */ margin-right: 10rpx; /* 图标与文本之间的间距 */ } .menu-text { font-size: 32rpx; /* 文本字体大小 */ font-weight: bold; flex: 1; /* 使文本占据剩余空间 */ } .additional-icon { width: 120rpx; /* 调整大小 */ height: 120rpx; /* 调整大小 */ margin-left: 20rpx; /* 添加间距 */ } .arrow { width: 48rpx; /* 箭头图标大小 */ height: 48rpx; /* 箭头图标大小 */ }