.posture-guide { min-height: 100vh; background-color: #fff; padding: 30rpx; } .guide-content { display: flex; flex-direction: column; align-items: center; } .guide-title { font-size: 36rpx; font-weight: bold; margin-bottom: 20rpx; color: #333; } .guide-subtitle { font-size: 28rpx; color: #666; margin-bottom: 40rpx; } /* 轮播图样式 */ .guide-swiper { width: 100%; height: 800rpx; margin: 30rpx 0; position: relative; padding-bottom: 40rpx; /* 添加底部padding为指示点留出空间 */ } .swiper-item { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; } .guide-image { width: 90%; height: 600rpx; object-fit: contain; } .image-description { margin-top: 20rpx; font-size: 28rpx; color: #333; text-align: center; } .guide-instructions { padding: 20rpx; margin: 30rpx 0; text-align: center; font-size: 28rpx; color: #666; background-color: #f8f8f8; border-radius: 10rpx; width: 90%; margin-top: 60rpx; } .confirm-button { width: 80%; height: 88rpx; line-height: 88rpx; background-color: #0039b3; color: #fff; border-radius: 44rpx; font-size: 32rpx; margin-top: 40rpx; } /* 禁用状态的按钮样式 */ .button-disabled { background-color: #cccccc; opacity: 0.8; } /* 修改指示点容器样式 */ .uni-swiper-dots { display: flex; justify-content: center; position: absolute; bottom: 0; left: 0; right: 0; } /* 修改指示点样式 */ .uni-swiper-dot { width: 16rpx !important; height: 16rpx !important; margin: 0 8rpx !important; border-radius: 50%; background: rgba(0, 0, 0, 0.3) !important; } .uni-swiper-dot-active { background: #000000 !important; }