微信小程序排课功能样式设计 - 上传下载排课文件

下载示例文件 上传需要文件 开始排课 排课完成：{{info}} 下载查看结果

/* pages/paike/paike.wxss */ .container { display: flex; flex-direction: column; align-items: center; margin-top: 20px; }

.download, .upload, .result { display: flex; flex-direction: column; align-items: center; margin-top: 20px; padding: 20px; border: 2px solid #ccc; border-radius: 10px; }

.download { background-color: #f0f0f0; }

.upload { background-color: #fff; }

.result { background-color: #d8f0d8; }

.download image, .upload image, .result image { width: 80px; height: 80px; margin-top: 10px; }

.schedule { margin-top: 30px; background-color: #4caf50; color: #fff; padding: 10px 20px; border-radius: 5px; border: none; font-size: 16px; }

.schedule:hover { background-color: #388e3c; }

.result .download:hover { background-color: #c8e6c9; }