1

YM

2024-07-26 e00361c6bcbb1a56f6dcda22b91bdfcb2736e263

 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">
@@ -199,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 : "")
                      : ""
                };
              })
            : [],
@@ -212,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 : "")
                      : ""
                };
              })
            : [],
@@ -225,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 : "")
                      : ""
                };
              })
            : [],
@@ -238,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);
      });
    },
    goBack() {
@@ -288,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;
  }
}

@@ -309,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 {