赵忠林
07f5c92f4b
- 添加编辑和新增收货地址页面，支持表单数据加载和提交 - 新增应用密钥凭证、新增应用操作动态、新增应用成员、新增应用版本页面配置 - 实现文章新增及编辑页面，包含图片上传及多种文章属性配置 - 增加注册会员页面，支持头像上传、手机号获取和邀请人关系处理 - 引入统一表单提交成功和失败处理，支持编辑模式数据回显 - 配置统一eslint和editorconfig规则，增强代码规范和编辑体验 - 新增.gitignore规则，屏蔽无关文件和目录，优化版本管理
68 lines
1.0 KiB
SCSS
68 lines
1.0 KiB
SCSS
.coupon-list-container {
|
|
padding: 0 20px;
|
|
background: #f5f5f5;
|
|
min-height: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.coupon-list-title {
|
|
font-size: 32px;
|
|
font-weight: 600;
|
|
color: #1f2937;
|
|
margin-bottom: 32px;
|
|
padding-top: 24px;
|
|
}
|
|
|
|
.coupon-list-empty {
|
|
text-align: center;
|
|
padding: 120px 20px;
|
|
color: #9ca3af;
|
|
font-size: 28px;
|
|
}
|
|
|
|
.coupon-list-content {
|
|
padding-bottom: 40px;
|
|
}
|
|
|
|
.coupon-list-item {
|
|
margin-bottom: 32px;
|
|
transition: all 0.3s ease;
|
|
|
|
&:hover {
|
|
transform: translateY(-2px);
|
|
}
|
|
|
|
&:active {
|
|
transform: translateY(0);
|
|
}
|
|
|
|
&:last-child {
|
|
margin-bottom: 24px;
|
|
}
|
|
}
|
|
|
|
/* 水平滚动布局样式 */
|
|
.coupon-horizontal-container {
|
|
.coupon-horizontal-title {
|
|
font-size: 32px;
|
|
font-weight: 600;
|
|
color: #1f2937;
|
|
margin-bottom: 24px;
|
|
padding-left: 16px;
|
|
}
|
|
|
|
.coupon-horizontal-scroll {
|
|
padding: 0 16px;
|
|
|
|
.coupon-horizontal-item {
|
|
flex-shrink: 0;
|
|
width: 240px;
|
|
margin-right: 16px;
|
|
|
|
&:last-child {
|
|
margin-right: 16px; // 保持右边距
|
|
}
|
|
}
|
|
}
|
|
}
|