From ef37c59e055a990ce247b265b27d3fcef430a243 Mon Sep 17 00:00:00 2001
From: 杨磊 <505174330@qq.com>
Date: 星期五, 15 八月 2025 10:19:18 +0800
Subject: [PATCH] first submit
---
src/components/relatedRecommendation.vue | 80 ++++++++++++++++++++++++++++++++++++++++
1 files changed, 80 insertions(+), 0 deletions(-)
diff --git a/src/components/relatedRecommendation.vue b/src/components/relatedRecommendation.vue
new file mode 100644
index 0000000..461a9d9
--- /dev/null
+++ b/src/components/relatedRecommendation.vue
@@ -0,0 +1,80 @@
+<template>
+ <div class="relatedBox">
+ <div class="titleBox">鐩稿叧鎺ㄨ崘</div>
+ <div class="bookBox">
+ <div class="itemBox" v-for="(item, index) in dataList" :key="index">
+ <div class="imgBox">
+ <img src="@/assets/images/bookStore/testImg.png" alt="" />
+ </div>
+ <div class="rightBox">
+ <div class="bookName">
+ {{ item.title }}
+ </div>
+ <div class="authorBox1">浣滆�咃細{{ item.author }}</div>
+ <div class="toDetail">璇︽儏 >></div>
+ </div>
+ </div>
+ </div>
+ </div>
+</template>
+
+<script>
+export default {
+ data() {
+ return {
+ dataList: [],
+ };
+ },
+};
+</script>
+
+<style scoped>
+.relatedBox {
+ width: 377px;
+ margin-top: 10px;
+ border-top: 1px solid #00873c;
+}
+.titleBox {
+ height: 60px;
+ background: #d8f7e6;
+ line-height: 60px;
+ padding: 0 40px;
+ font-weight: 700;
+ color: #00873c;
+ font-size: 18px;
+}
+.bookBox {
+ background-color: #fff;
+ padding: 20px;
+}
+.imgBox {
+ width: 200px;
+ height: 150px;
+ position: relative;
+ border: 1px solid #e6e6e6;
+ padding: 10px;
+}
+.imgBox img {
+ width: 100%;
+ height: 100%;
+}
+.rightBox {
+ margin-left: 10px;
+}
+.itemBox {
+ display: flex;
+ border-bottom: 1px solid #eeeeee;
+ padding: 20px;
+}
+.bookName {
+ font-size: 16px !important;
+}
+.authorBox1 {
+ margin-top: 10px;
+ color: #666666;
+}
+.toDetail {
+ margin-top: 20px;
+ color: #00873c;
+}
+</style>
--
Gitblit v1.9.1