/* pages/daohang/daohang.wxss */ .container { padding: 20rpx; } .header { padding: 30rpx 0; } .title { font-size: 40rpx; font-weight: bold; } .plan-list { margin-top: 20rpx; } .plan-item { display: flex; align-items: center; padding: 25rpx; margin-bottom: 20rpx; background: #fff; border-radius: 12rpx; box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05); } .spot-image { width: 120rpx; height: 120rpx; border-radius: 8rpx; margin-right: 20rpx; } .spot-info { flex: 1; display: flex; flex-direction: column; } .spot-name { font-size: 32rpx; margin-bottom: 10rpx; } .spot-date { font-size: 24rpx; color: #999; } .arrow { margin-left: 20rpx; } .empty-tip { display: flex; flex-direction: column; align-items: center; padding: 100rpx 0; color: #999; } .empty-image { width: 200rpx; height: 200rpx; margin-bottom: 30rpx; } /* pages/daohang/daohang.wxss */ /* 原有样式保持不变,添加以下新样式 */ .plan-item { position: relative; /* 为操作按钮定位做准备 */ } .actions { position: absolute; right: 20rpx; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 20rpx; } .detail-btn, .delete-btn { width: 60rpx; height: 60rpx; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.8); border-radius: 50%; box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1); } .delete-btn { background: rgba(255, 77, 79, 0.1); } /* pages/daohang/daohang.wxss */ /* AI推荐按钮样式 */ .ai-recommend-btn { position: fixed; bottom: 30px; left: 50%; transform: translateX(-50%); width: 80%; height: 60px; background: linear-gradient(135deg, #1890ff, #096dd9); border-radius: 30px; display: flex; align-items: center; justify-content: center; color: white; font-size: 18px; font-weight: bold; box-shadow: 0 4px 12px rgba(24, 144, 255, 0.3); z-index: 100; } .ai-icon { width: 28px; height: 28px; margin-right: 10px; } .arrow-right { margin-left: 10px; font-size: 20px; font-weight: normal; } /* 适配iPhoneX等底部有安全区域的设备 */ @media (bottom: env(safe-area-inset-bottom)) { .ai-recommend-btn { bottom: calc(30px + env(safe-area-inset-bottom)); } }