From 9cad6a832c786989be620573b09badccfe7e3b51 Mon Sep 17 00:00:00 2001
From: QYF-GitLab1 <1940665526@qq.com>
Date: 星期一, 25 八月 2025 15:11:37 +0800
Subject: [PATCH] 首页头部，样式调整
---
src/views/bookStore/index.vue | 25 ++++++++++++++++++++-----
1 files changed, 20 insertions(+), 5 deletions(-)
diff --git a/src/views/bookStore/index.vue b/src/views/bookStore/index.vue
index 1bdca0d..60ed9be 100644
--- a/src/views/bookStore/index.vue
+++ b/src/views/bookStore/index.vue
@@ -4,7 +4,7 @@
<img class="bannerImg" :src="banner[0]?.icon" @click="bannerLink(item)" />
<div class="bannerText">
<div>鏁板瓧鏁欐潗</div>
- <div class="enText">ABOUT US</div>
+ <div class="enText">TEXT BOOK</div>
</div>
</div>
<div class="contentBox" style="margin-top: 50px">
@@ -12,7 +12,7 @@
<img class="autoimg" src="@/assets/images/bookStore/feblei.png" />
</div>
<div class="classificationBox">
- <div style="width: 100px">鍒嗙被锛�</div>
+ <div style="width: 100px; line-height: 60px">鍒嗙被锛�</div>
<div class="classificaListBox">
<div
class="classificaItem"
@@ -30,7 +30,7 @@
<div class="bookfilterList">
<div class="listTitle">
<div>缁撴灉锛氬叡璁{ total }}鏉�</div>
- <div style="width: 300px">
+ <div style="width: 340px">
<el-input
v-model="input3"
placeholder="杈撳叆鏁欐潗鍚嶇О銆佷綔鑰呭鍚嶃�佸嚭鍝佹柟鍚嶇О鎼滅储"
@@ -89,7 +89,12 @@
<div class="recommendBox">
<div class="recommendTitle">鎺ㄨ崘鏁欐潗</div>
<div class="newRecommendList">
- <div class="recommendItem" v-for="item in recommendBookListData" :key="item.id">
+ <div
+ class="recommendItem"
+ v-for="item in recommendBookListData"
+ :key="item.id"
+ @click="toDetail(item)"
+ >
<div class="recommendItemImg">
<img class="autoImg" :src="item.icon" />
</div>
@@ -253,7 +258,7 @@
text-align: center;
}
.enText {
- font-size: 36px;
+ font-size: 28px;
opacity: 0.45;
margin-top: 20px;
}
@@ -265,6 +270,7 @@
margin-top: 30px;
.classificaListBox {
display: flex;
+ justify-content: space-between;
flex-wrap: wrap;
.classificaItem {
display: flex;
@@ -333,6 +339,9 @@
&:last-child {
margin-right: 0;
}
+ }
+ .recommendItem:hover {
+ background-image: url(@/assets/images/Mouse_fill.png);
}
.recommendItemImg {
width: 150px;
@@ -425,3 +434,9 @@
color: #144941;
}
</style>
+<style>
+.el-input-group__append {
+ background-color: #144941;
+ color: #fff;
+}
+</style>
--
Gitblit v1.9.1