From e00361c6bcbb1a56f6dcda22b91bdfcb2736e263 Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期五, 26 七月 2024 15:56:27 +0800
Subject: [PATCH] 1
---
src/pages/academicGenres/detail.vue | 171 +++++++++++++++++++++++++++++++-------------------------
1 files changed, 95 insertions(+), 76 deletions(-)
diff --git a/src/pages/academicGenres/detail.vue b/src/pages/academicGenres/detail.vue
index 1be251f..e3a5388 100644
--- a/src/pages/academicGenres/detail.vue
+++ b/src/pages/academicGenres/detail.vue
@@ -1,7 +1,7 @@
<template>
<view class="bag">
<!-- 椤堕儴瀵艰埅 -->
- <headNav idIndex="3" text="鍘嗕唬瀛︽湳娴佹淳" />
+ <headNav idIndex="3" text="瀛︽湳娴佹淳" />
<view class="Midde flex">
<!-- <view class="MiddeBack">杩斿洖</view> -->
<el-button class="MiddeBack flex flex-center" @click="goBack"
@@ -9,7 +9,6 @@
>
<view class="flex flex-center flex-column">
<view
- class=""
style="
font-weight: 900;
margin-bottom: 0.2rem;
@@ -19,13 +18,18 @@
>{{ detailData.name }}
</view>
<ul class="flex Lists">
- <li style="background-color: #597aa5; color: #fff;cursor: pointer;">瀛︽淳浠嬬粛</li>
- <li @click="ListClick" style="background-color: #fff; color: #597aa5;cursor: pointer;">
+ <li style="background-color: #597aa5; color: #fff; cursor: pointer">
+ 瀛︽淳浠嬬粛
+ </li>
+ <li
+ @click="ListClick"
+ style="background-color: #fff; color: #597aa5; cursor: pointer"
+ >
瀛︽淳鍥捐氨
</li>
</ul>
</view>
- <view class=""></view>
+ <view></view>
</view>
<view class="Bottom">
<view class="Bottom_top flex">
@@ -169,7 +173,6 @@
methods: {
getData() {
getIntroduction(Number(this.idIndex)).then((res) => {
- console.log(res,"rrrr");
this.detailData = {
name: res.object.school_NAME[0].content,
icon:
@@ -200,11 +203,15 @@
return {
content: item.content,
source:
- "鍑哄锛氥��" +
+ res.object.bookList &&
res.object.bookList.find((citem) => citem.id == item.bookId)
- .name +
- "銆� P" +
- item.pageNo
+ ? "鍑哄锛氥��" +
+ res.object.bookList.find(
+ (citem) => citem.id == item.bookId
+ ).name +
+ "銆� " +
+ (item.pageNo ? "P " + item.pageNo : "")
+ : ""
};
})
: [],
@@ -213,11 +220,15 @@
return {
content: item.content,
source:
- "鍑哄锛氥��" +
+ res.object.bookList &&
res.object.bookList.find((citem) => citem.id == item.bookId)
- .name +
- "銆� P" +
- item.pageNo
+ ? "鍑哄锛氥��" +
+ res.object.bookList.find(
+ (citem) => citem.id == item.bookId
+ ).name +
+ "銆� " +
+ (item.pageNo ? "P " + item.pageNo : "")
+ : ""
};
})
: [],
@@ -226,11 +237,15 @@
return {
content: item.content,
source:
- "鍑哄锛氥��" +
+ res.object.bookList &&
res.object.bookList.find((citem) => citem.id == item.bookId)
- .name +
- "銆� P" +
- item.pageNo
+ ? "鍑哄锛氥��" +
+ res.object.bookList.find(
+ (citem) => citem.id == item.bookId
+ ).name +
+ "銆� " +
+ (item.pageNo ? "P " + item.pageNo : "")
+ : ""
};
})
: [],
@@ -239,16 +254,19 @@
return {
content: item.content,
source:
- "鍑哄锛氥��" +
+ res.object.bookList &&
res.object.bookList.find((citem) => citem.id == item.bookId)
- .name +
- "銆� P" +
- item.pageNo
+ ? "鍑哄锛氥��" +
+ res.object.bookList.find(
+ (citem) => citem.id == item.bookId
+ ).name +
+ "銆� " +
+ (item.pageNo ? "P " + item.pageNo : "")
+ : ""
};
})
: []
};
- console.log(this.detailData,"detailDatadetailData");
});
},
goBack() {
@@ -289,17 +307,17 @@
.NavTop {
background-color: #0c274c;
padding: 25rpx;
+}
+.NavTop img {
+ width: 30rpx;
+ height: 30rpx;
+ vertical-align: middle;
+}
+
+.NavTop .NavTopr {
img {
- width: 30rpx;
- height: 30rpx;
- vertical-align: middle;
- }
-
- .NavTopr {
- img {
- margin-right: 10rpx;
- }
+ margin-right: 10rpx;
}
}
@@ -310,63 +328,64 @@
padding: 0.18rem 0.23rem 0;
align-items: flex-start;
height: 1.43rem;
+}
- view {
- color: #000;
- }
+.Midde view {
+ color: #000;
+}
- .MiddeBack {
- width: 0.6rem;
- height: 0.24rem;
- font-size: 0.12rem;
- padding: 0;
- }
+.Midde .MiddeBack {
+ width: 0.6rem;
+ height: 0.24rem;
+ font-size: 0.12rem;
+ padding: 0;
+ border-radius: 0;
+ border: 1px solid #9e9e9e;
+ color: #000;
+}
- .Lists {
- li {
- width: 0.96rem;
- height: 0.3rem;
- border: 1px solid #597aa5;
- line-height: 0.3rem;
- text-align: center;
- font-size: 0.14rem;
- }
- }
+.Midde .Lists li {
+ width: 0.96rem;
+ height: 0.3rem;
+ border: 1px solid #597aa5;
+ line-height: 0.3rem;
+ text-align: center;
+ font-size: 0.14rem;
}
.Bottom {
overflow: hidden;
padding: 0.39rem 1.21rem !important;
+}
- .Bottom_top {
- justify-content: flex-start;
- align-items: flex-start;
- padding: 0 1.59rem;
+.Bottom .Bottom_top {
+ justify-content: flex-start;
+ align-items: flex-start;
+ padding: 0 1.59rem;
+}
- .BBimage {
- width: 4rem;
- height: 2rem;
- margin-right: 0.49rem;
- }
+.Bottom .Bottom_top .BBimage {
+ width: 4rem;
+ height: 2rem;
+ margin-right: 0.49rem;
+}
- .author {
- flex: 1;
- overflow: hidden;
- color: #000;
+.Bottom .Bottom_top .author {
+ flex: 1;
+ overflow: hidden;
+ color: #000;
+}
- li {
- line-height: 0.22rem;
- font-size: 0.14rem;
- margin-top: 0.18rem;
- color: #2c2c2c;
- }
- }
- }
+.Bottom .Bottom_top .author li {
+ line-height: 0.22rem;
+ font-size: 0.14rem;
+ margin-top: 0.18rem;
+ color: #2c2c2c;
+}
- .BBimage {
- width: 50%;
- height: 350rpx;
- }
+.BBimage {
+ width: 50%;
+ height: 350rpx;
}
.Bottom_Bot {
--
Gitblit v1.9.1