- 创建 .editorconfig 文件统一代码风格配置 - 配置 .eslintrc 使用 taro/react 规则集 - 完善 .gitignore 忽略编译产物和敏感文件 - 添加 admin/article/add 页面实现文章管理功能 - 添加 dealer/apply/add 页面实现经销商申请功能 - 添加 dealer/bank/add 页面实现银行卡管理功能 - 添加 dealer/customer/add 页面实现客户管理功能 - 添加 user/address/add 页面实现用户地址管理功能 - 添加 user/chat/message/add 页面实现消息功能 - 添加 user/gift/add 页面实现礼品管理功能 - 配置各页面导航栏标题和样式 - 实现表单验证和数据提交功能 - 集成图片上传和头像选择功能 - 添加日期选择和数据校验逻辑 - 实现编辑和新增模式切换 - 集成用户权限和角色管理功能
73 lines
1.3 KiB
SCSS
73 lines
1.3 KiB
SCSS
page {
|
|
background: linear-gradient(to bottom, #f3f3f3, #f9fafb);
|
|
background-size: 100%;
|
|
}
|
|
|
|
.search-container {
|
|
transition: all 0.3s ease;
|
|
|
|
.nut-input {
|
|
background-color: #f8f9fa !important;
|
|
border: 1px solid #e5e5e5 !important;
|
|
border-radius: 4px !important;
|
|
|
|
&:focus {
|
|
border-color: #007bff !important;
|
|
box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25) !important;
|
|
}
|
|
}
|
|
|
|
.nut-button {
|
|
border-radius: 4px !important;
|
|
|
|
&--primary {
|
|
background: linear-gradient(135deg, #007bff, #0056b3) !important;
|
|
border: none !important;
|
|
}
|
|
|
|
&--small {
|
|
padding: 6px 12px !important;
|
|
font-size: 12px !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Tabs样式优化
|
|
.nut-tabs {
|
|
.nut-tabs__titles {
|
|
background: #ffffff !important;
|
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
|
|
|
|
.nut-tabs__titles-item {
|
|
font-size: 14px !important;
|
|
font-weight: 500 !important;
|
|
|
|
&--active {
|
|
color: #007bff !important;
|
|
font-weight: 600 !important;
|
|
}
|
|
}
|
|
|
|
.nut-tabs__line {
|
|
background: #007bff !important;
|
|
height: 3px !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
// 筛选提示样式
|
|
.filter-tip {
|
|
animation: slideDown 0.3s ease;
|
|
}
|
|
|
|
@keyframes slideDown {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateY(-10px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|