mirror of
https://gitee.com/beijing_hongye_huicheng/lilishop-ui.git
synced 2026-08-06 10:57:26 +08:00
feat: 更新 API 请求参数与组件样式优化
- 在 account.js 和 member.js 中添加 loading 和 skipMessage 参数,提升 API 调用的用户体验。 - 在 ShowGoods.vue 中优化商品详情展示样式,增强可读性和交互性。 - 在 Cart.vue 中重构购物车商品列表结构,提升布局一致性。 - 在多个页面中修复了提示信息的内容,确保用户操作的清晰反馈。
This commit is contained in:
@@ -338,7 +338,7 @@ export default {
|
||||
font-weight: bolder;
|
||||
}
|
||||
.item-intro-detail{
|
||||
margin: 0 30px;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.item-intro-nav{
|
||||
@@ -365,6 +365,8 @@ export default {
|
||||
}
|
||||
.item-intro-img {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 0 30px;
|
||||
min-height: 300px;
|
||||
:deep img{
|
||||
margin:0 auto;
|
||||
@@ -377,6 +379,8 @@ export default {
|
||||
.item-param-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
box-sizing: border-box;
|
||||
padding: 0 30px;
|
||||
}
|
||||
.item-param-box {
|
||||
padding: 5px;
|
||||
@@ -400,6 +404,10 @@ export default {
|
||||
color: #666666;
|
||||
background-color: #F7F7F7;
|
||||
}
|
||||
.remarks-container {
|
||||
box-sizing: border-box;
|
||||
padding: 0 30px;
|
||||
}
|
||||
.remarks-analyse-box {
|
||||
padding: 15px;
|
||||
display: flex;
|
||||
@@ -507,31 +515,36 @@ export default {
|
||||
}
|
||||
/***************商品详情介绍和推荐侧边栏结束***************/
|
||||
/* 改变标签页样式 */
|
||||
:deep(.el-tabs__active-bar) {
|
||||
background-color: $theme_color !important;
|
||||
}
|
||||
:deep(.el-tabs__header) {
|
||||
border: none;
|
||||
}
|
||||
.item-tabs > .el-tabs > .el-tabs__header .el-tabs__item {
|
||||
border-radius: 0px;
|
||||
color: #999;
|
||||
height: 38px;
|
||||
}
|
||||
.item-tabs > .el-tabs > .el-tabs__header .el-tabs__item.is-active {
|
||||
color: #fff;
|
||||
background-color: $theme_color;
|
||||
}
|
||||
.item-tabs > .el-tabs > .el-tabs__header .el-tabs__item.is-active:before {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
color: #fff;
|
||||
background: #F7F7F7;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
.item-tabs {
|
||||
:deep(.el-tabs__header) {
|
||||
border: none;
|
||||
margin: 0;
|
||||
background-color: #f7f7f7;
|
||||
}
|
||||
|
||||
:deep(.el-tabs__active-bar) {
|
||||
background-color: $theme_color !important;
|
||||
}
|
||||
|
||||
:deep(.el-tabs__item) {
|
||||
border-radius: 0;
|
||||
color: #999;
|
||||
height: 38px;
|
||||
padding: 0 20px;
|
||||
|
||||
&:hover {
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
|
||||
:deep(.el-tabs__nav) {
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
:deep(.el-tabs__item.is-active) {
|
||||
color: $theme_color !important;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
:deep(.el-rate__icon) {
|
||||
color: $theme_color;
|
||||
|
||||
Reference in New Issue
Block a user