修复了一些小bug

2022-09-29 15:40:10 +08:00
parent 1eb9631127
commit ae08b72bc2
11 changed files with 149 additions and 77 deletions
--- a/src/views/index/components/news_center.vue
+++ b/src/views/index/components/news_center.vue
@@ -96,6 +96,7 @@
 <script>
 import {banner, getArticleList} from "@/api";
 import {toArticle,lookMoreComment} from "@/utils/sist";
+import {lookMoreFixedComment} from "../../../utils/sist";

 export default {
  name: "news_center",
@@ -119,7 +120,7 @@ export default {
      toArticle(news,this.width)
    },
    lookMore(news) {
-      lookMoreComment(news,this.width)
+      lookMoreFixedComment("DpHktHeXJp3MX-FZoZdjz3w",this.width)
    },
    getList() {
      getArticleList({
@@ -203,7 +204,7 @@ export default {
    }

    .news_context_text {
-      height: 28%;
+      height: 24%;
      width: 80%;
      font-size: 1.6rem;
      font-weight: 400;
@@ -211,8 +212,8 @@ export default {
      color: #262626;
      margin: 0 auto;
      padding: 1rem 0;
-      text-overflow: ellipsis;
      overflow: hidden;
+      text-overflow: ellipsis;
      display:-webkit-box; //作为弹性伸缩盒子模型显示。
      -webkit-box-orient:vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列
      -webkit-line-clamp:3; //显示的行
--- a/src/views/index/components/party_building_activities.vue
+++ b/src/views/index/components/party_building_activities.vue
@@ -57,9 +57,9 @@


    <div class="headline">
-      <!--<div style="background: #DA2D2D;color: #E6E6E6;" class="more">-->
-      <!--  {{ $t('message.more') }}-->
-      <!--</div>-->
+      <!--      <div style="background: #DA2D2D;color: #E6E6E6;" class="more">-->
+      <!--        {{ $t('message.more') }}-->
+      <!--      </div>-->
      <!--<div class="more_img">-->
      <!--  <img src="@/assets/index/party_building_activities/sy_icon_zhdh.png" alt="">-->
      <!--</div>-->
@@ -97,51 +97,67 @@
            </el-col>
            <el-col :xs="18" :sm="18" :md="18" :lg="17" :xl="17" :span="17">
              <div class="phe_context" @click="getArticle(item)">
-                <div class="phe_context_title">{{item.title}}</div>
+                <div class="phe_context_title">{{ item.title }}</div>
                <div class="phe_context_text" v-html="item.content">
                </div>
              </div>
            </el-col>
            <el-col :xs="22" :sm="22" :md="22" :lg="3" :xl="3">
-              <div class="phe_time">{{getTitme(item.publishTime)}}</div>
+              <div class="phe_time">{{ getTime(item.publishTime) }}</div>
            </el-col>
          </el-row>
          <hr v-if="index != listData.length-1" style="border: 0.1rem solid #E6E6E6;" class="hr">
        </div>
      </el-col>
+    </el-row>    <!--更多-->
+    <el-row>
+      <el-col :xs="1" :sm="2" :md="4" :lg="6" :xl="6">
+        <div class="grid-content"></div>
+      </el-col>
+      <el-col class="headline" :xs="22" :sm="20" :md="16" :lg="12" :xl="12">
+        <div style="background: #DA2D2D;color: #E6E6E6;" class="more" @click="lookMore(listData[0])">
+          {{ $t('message.more') }}
+        </div>
+        <!--        <div class="more_img">-->
+        <!--          <img src="@/assets/index/sy_icon_zhdl.png" alt="">-->
+        <!--        </div>-->
+      </el-col>
    </el-row>
+
  </div>
 </template>

 <script>
 import SlideshowCard from './slideshow_card'
 import {getArticleList} from "@/api";
-import {toArticle,lookMoreComment} from "@/utils/sist";
+import {toArticle, lookMoreComment} from "@/utils/sist";
+import {lookMoreFixedComment} from "../../../utils/sist";

 export default {
  name: "party_building_activities",
  components: {
    SlideshowCard
  },
-  data(){
-    return{
+  data() {
+    return {
      width: document.documentElement.clientWidth > 992,
-      listData:[],
+      listData: [],
      bgc: require("../../../assets/index/party_building_activities/sy_bj3.png")
    }
  },
  created() {
    this.getListData()
  },
-  methods:{
-    getArticle(item){
-      toArticle(item,this.width)
+  methods: {
+    getArticle(item) {
+      toArticle(item, this.width)
    },
-    lookMore(item){
-      lookMoreComment(item,this.width)
+    lookMore(item) {
+      // lookMoreComment(item,this.width)
+      lookMoreFixedComment("N8YFxHPHwy6PyHt7J-gIDCU", this.width)
    },

-    getListData(){
+    getListData() {
      getArticleList({
        type: "N6CfFGz2UWpQ9Uhk3uwiJAQ",
        pageNum: 1,
@@ -150,9 +166,12 @@ export default {
        this.listData = res.rows
      })
    },
-    getTitme(time){
-      let date = new Date(time)
-      return date.getFullYear() +"." + date.getMonth()+1 +"." + date.getDate()
+    getTime(date) {
+      let time = new Date(date);
+      let year = time.getFullYear();
+      let month = time.getMonth() + 1
+      let day = time.getDate();
+      return year + "-" + month + "-" + day;
    }
  }
 }
@@ -160,19 +179,18 @@ export default {

 <style scoped lang="scss">
 .party_building_activities {
-  //background-image: url("../../../assets/index/party_building_activities/sy_bj3.png");
  background-image: url("../../../assets/index/party_building_activities/sy_bj3.png");
-  //background-image: url();
  padding-top: 4rem;
  padding-bottom: 2rem;
 }

 .headline {

-  .hr_line_left,.hr_line_right{
+  .hr_line_left, .hr_line_right {
    border-color: #DA2D2D !important;
  }
-  .hr_dot_left,.hr_dot_right{
+
+  .hr_dot_left, .hr_dot_right {
    background-color: #DA2D2D !important;
  }

@@ -190,9 +208,10 @@ export default {
  border: .1rem solid #D13C3C;
 }

-.phe_row{
+.phe_row {
  margin: 4rem 0;
 }
+
 .phe {
  font-family: PingFangSC-Medium, PingFang SC;
  margin-top: 4rem;
@@ -207,9 +226,9 @@ export default {

  .phe_context {
    .phe_context_title {
-      overflow:hidden; //超出的文本隐藏
-      text-overflow:ellipsis; //溢出用省略号显示
-      white-space:nowrap; //溢出不换行
+      overflow: hidden; //超出的文本隐藏
+      text-overflow: ellipsis; //溢出用省略号显示
+      white-space: nowrap; //溢出不换行
      cursor: pointer;
      font-size: 2rem;
      font-weight: 600;
@@ -224,14 +243,16 @@ export default {
    .phe_context_text {
      margin-top: 0.8rem;
      font-size: 1.6rem;
+      height: 6rem;
      color: #565656;
      letter-spacing: 1px;
-      display:-webkit-box; //作为弹性伸缩盒子模型显示。
-      -webkit-box-orient:vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列
-      -webkit-line-clamp:3; //显示的行
-      //color: inherit !important;
-      span{
-        color:  #565656 !important;
+      text-overflow: ellipsis;
+      overflow: hidden;
+      display: -webkit-box; //作为弹性伸缩盒子模型显示。
+      -webkit-box-orient: vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列
+      -webkit-line-clamp: 3; //显示的行
+      span {
+        color: #565656 !important;
      }
    }
  }
@@ -246,5 +267,4 @@ export default {
 }


-
 </style>
--- a/src/views/index/components/scientific_research_trends.vue
+++ b/src/views/index/components/scientific_research_trends.vue
@@ -85,7 +85,7 @@
    <!--更多-->

    <div class="headline">
-      <div style="background: #FFFFFF;color: #1956BC;" class="more" @click="lookMore(scientificData[0])">
+      <div style="background: #FFFFFF;color: #1956BC;" class="more" @click="lookMore('b4Lm82Ct_eaF2u5XDABv0TM')">
        {{ $t('message.more') }}
      </div>
      <div class="hr_div">
@@ -138,7 +138,7 @@
        <div class="grid-content"></div>
      </el-col>
      <el-col class="headline" :xs="22" :sm="20" :md="16" :lg="12" :xl="12">
-        <div style="background: #FFFFFF;color: #1956BC;" class="more" @click="lookMore(academiaData[0])">
+        <div style="background: #FFFFFF;color: #1956BC;" class="more" @click="lookMore('47sdOe8NQs0B4EHmM-wFWjQ')">
          {{ $t('message.more') }}
        </div>
 <!--        <div class="more_img">-->
@@ -153,6 +153,7 @@
 import {getArticleList, info} from "@/api";
 import {parseTime} from '@/utils/ebts'
 import {toArticle,lookMoreComment} from "@/utils/sist";
+import {lookMoreFixedComment} from "../../../utils/sist";

 export default {
  name: "scientific_research_trends",
@@ -171,8 +172,8 @@ export default {
    getArticle(news){
      toArticle(news,this.width)
    },
-    lookMore(news) {
-      lookMoreComment(news,this.width)
+    lookMore(id) {
+      lookMoreFixedComment(id,this.width)
    },
    getScientificList() {
      getArticleList({
--- a/src/views/index/components/teaching_student.vue
+++ b/src/views/index/components/teaching_student.vue
@@ -78,6 +78,7 @@
 <script>
 import {getArticleList} from "@/api";
 import {toArticle,lookMoreComment} from "@/utils/sist";
+import {lookMoreFixedComment} from "../../../utils/sist";

 export default {
  name: "teaching_student",
@@ -95,7 +96,8 @@ export default {
      toArticle(news,this.width)
    },
    lookMore(news) {
-      lookMoreComment(news,this.width)
+      // lookMoreComment(news,this.width)
+      lookMoreFixedComment("KW_T7dJ2lt5sC-RJZSnPtk0",this.width)
    },

    getListData(){
@@ -110,9 +112,12 @@ export default {
    getDay(time){
      return new Date(time).getDate()
    },
-    getTime(time){
-      let date = new Date(time);
-      return date.getFullYear() +"-" + date.getMonth()+1
+    getTime(date){
+      let time = new Date(date);
+      let year = time.getFullYear();
+      let month = time.getMonth() + 1
+      let day = time.getDate();
+      return year + "-" + month + "-" + day;
    }
  }
 }
@@ -167,9 +172,11 @@ export default {
    .tw_context_text {
      margin-top: .8rem;
      font-size: 1.6rem;
+      height: 6.5rem;
      font-weight: 400;
-      overflow: hidden;
      color: #757575 !important;
+      letter-spacing: 1px;
+      overflow: hidden;
      text-overflow: ellipsis;
      display:-webkit-box; //作为弹性伸缩盒子模型显示。
      -webkit-box-orient:vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列