|
@@ -52,7 +52,7 @@
|
|
|
<div class="p-info">
|
|
<div class="p-info">
|
|
|
<div class="p-name">
|
|
<div class="p-name">
|
|
|
<span class="tag-zy">{{ p.isSelf == 1 ? '自营' : '非自营' }}</span>
|
|
<span class="tag-zy">{{ p.isSelf == 1 ? '自营' : '非自营' }}</span>
|
|
|
- {{ p.name || p.itemName || '' }}
|
|
|
|
|
|
|
+ <span class="tag-name">{{ p.name || p.itemName || '' }}</span>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="p-price-row">
|
|
<div class="p-price-row">
|
|
|
<span class="p-currency">¥</span>
|
|
<span class="p-currency">¥</span>
|
|
@@ -109,6 +109,8 @@ const noMore = ref(false);
|
|
|
|
|
|
|
|
recommendThemeConfig({}).then((res) => {
|
|
recommendThemeConfig({}).then((res) => {
|
|
|
if (res.code == 200) {
|
|
if (res.code == 200) {
|
|
|
|
|
+ document.documentElement.style.setProperty('--hover-jd3', res.data.themeColor || '#E7000B');
|
|
|
|
|
+ document.documentElement.style.setProperty('--hover-jd4', res.data.productThemeColor || '#E7000B');
|
|
|
categories.value = res.data.categoryConfigList;
|
|
categories.value = res.data.categoryConfigList;
|
|
|
categories.value.forEach((item: any) => {
|
|
categories.value.forEach((item: any) => {
|
|
|
item.goodsList = [];
|
|
item.goodsList = [];
|
|
@@ -270,7 +272,7 @@ onUnmounted(() => {
|
|
|
});
|
|
});
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
-<style scoped>
|
|
|
|
|
|
|
+<style lang="scss" scoped>
|
|
|
.products-section {
|
|
.products-section {
|
|
|
margin-top: 24px;
|
|
margin-top: 24px;
|
|
|
background: #fff;
|
|
background: #fff;
|
|
@@ -319,7 +321,7 @@ onUnmounted(() => {
|
|
|
}
|
|
}
|
|
|
.cat-item.active .c-t,
|
|
.cat-item.active .c-t,
|
|
|
.cat-item.active .c-s {
|
|
.cat-item.active .c-s {
|
|
|
- color: #e1251b;
|
|
|
|
|
|
|
+ color: var(--hover-jd3);
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.cat-img {
|
|
.cat-img {
|
|
@@ -415,6 +417,9 @@ onUnmounted(() => {
|
|
|
transform: translateY(-4px);
|
|
transform: translateY(-4px);
|
|
|
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
|
|
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
|
|
+ .tag-name {
|
|
|
|
|
+ color: var(--hover-jd4);
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.p-img-box {
|
|
.p-img-box {
|
|
@@ -531,8 +536,8 @@ onUnmounted(() => {
|
|
|
flex-shrink: 0;
|
|
flex-shrink: 0;
|
|
|
}
|
|
}
|
|
|
.btn-cart-icon:hover {
|
|
.btn-cart-icon:hover {
|
|
|
- border-color: #e1251b;
|
|
|
|
|
- color: #e1251b;
|
|
|
|
|
|
|
+ border-color: var(--hover-jd4);
|
|
|
|
|
+ color: var(--hover-jd4);
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.btn-buy {
|
|
.btn-buy {
|
|
@@ -556,8 +561,8 @@ onUnmounted(() => {
|
|
|
|
|
|
|
|
/* 悬停卡片时,按钮直接变为红色,文字改变 */
|
|
/* 悬停卡片时,按钮直接变为红色,文字改变 */
|
|
|
.p-card:hover .btn-buy {
|
|
.p-card:hover .btn-buy {
|
|
|
- background: #e1251b;
|
|
|
|
|
- border-color: #e1251b;
|
|
|
|
|
|
|
+ background: var(--hover-jd4);
|
|
|
|
|
+ border-color: var(--hover-jd4);
|
|
|
color: #fff;
|
|
color: #fff;
|
|
|
}
|
|
}
|
|
|
.p-card:hover .txt-normal {
|
|
.p-card:hover .txt-normal {
|
|
@@ -569,8 +574,8 @@ onUnmounted(() => {
|
|
|
|
|
|
|
|
/* 鼠标悬停在按钮本身时,保持红色 */
|
|
/* 鼠标悬停在按钮本身时,保持红色 */
|
|
|
.p-card .btn-buy:hover {
|
|
.p-card .btn-buy:hover {
|
|
|
- background: #c81623;
|
|
|
|
|
- border-color: #c81623;
|
|
|
|
|
|
|
+ background: var(--hover-jd4);
|
|
|
|
|
+ border-color: var(--hover-jd4);
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.empty-bos {
|
|
.empty-bos {
|