forked from gxwebsoft/mp-10550
赵忠林
f69decdf4d
-调整了 app.config.ts 中的页面路径和顺序 - 移除了 article 页面 - 重构了 cart、find、order 和 user 页面的布局和功能 - 优化了导航栏和订单状态的显示逻辑 - 统一了页面样式和图标使用
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);
|
|
}
|
|
}
|