From 1e63978d4fa36ec111813b48ebfa2e81dce210d7 Mon Sep 17 00:00:00 2001
From: yangzhe <yangzhe@qq.com>
Date: Thu, 24 Jul 2025 16:52:13 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E5=9B=9E=E7=AD=94?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E7=BB=84=E4=BB=B6=E5=B9=B6=E5=9C=A8=E6=95=99?=
 =?UTF-8?q?=E5=B8=88=E4=BF=A1=E6=81=AF=E9=A1=B5=E9=9D=A2=E4=B8=AD=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/AnswerList/index.vue      | 168 ++++++++++++++++++++++++++
 pages/home/index/index.vue           |   6 +
 pages/home/teacherInfo/index.vue     | 170 ++-------------------------
 static/common/images/icon_answer.png | Bin 0 -> 1952 bytes
 static/common/images/icon_ask.png    | Bin 0 -> 1759 bytes
 5 files changed, 182 insertions(+), 162 deletions(-)
 create mode 100644 components/AnswerList/index.vue
 create mode 100644 static/common/images/icon_answer.png
 create mode 100644 static/common/images/icon_ask.png

diff --git a/components/AnswerList/index.vue b/components/AnswerList/index.vue
new file mode 100644
index 0000000..67e8867
--- /dev/null
+++ b/components/AnswerList/index.vue
@@ -0,0 +1,168 @@
+<template>
+  <view>
+    <view
+      class="answer-item"
+      v-for="(item, index) in answerList"
+      :key="item.id"
+    >
+      <view class="student-info">
+        <image class="student-avatar" :src="item.studentAvatar"></image>
+        <text class="student-name">{{ item.studentName }}</text>
+        <text class="answer-time">{{ item.time }}</text>
+      </view>
+
+      <view class="question">
+        <image
+          class="question-tag"
+          src="/static/common/images/icon_ask.png"
+        ></image>
+        <view class="question-content">{{ item.question }}</view>
+      </view>
+
+      <view class="answer">
+        <image
+          class="answer-tag"
+          src="/static/common/images/icon_answer.png"
+        ></image>
+        <view class="answer-content">
+          <view class="answer-text">{{ item.fullAnswer }}</view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: "AnswerList",
+  props: {
+    answerList: {
+      type: Array,
+      default: () => [],
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.answer-item {
+  background-color: #ffffff;
+  border-radius: 16rpx;
+  padding: 32rpx;
+  margin-bottom: 32rpx;
+
+  .student-info {
+    display: flex;
+    align-items: center;
+    margin-bottom: 32rpx;
+
+    .student-avatar {
+      width: 40rpx;
+      height: 40rpx;
+      border-radius: 20rpx;
+      margin-right: 16rpx;
+    }
+
+    .student-name {
+      flex: 1;
+      font-size: 26rpx;
+      color: #666666;
+      font-weight: 500;
+    }
+
+    .answer-time {
+      font-size: 24rpx;
+      color: #666666;
+    }
+  }
+
+  .question {
+    display: flex;
+    margin-bottom: 24rpx;
+
+    .question-tag {
+      width: 42rpx;
+      height: 42rpx;
+      margin-right: 32rpx;
+      flex-shrink: 0;
+    }
+
+    .question-content {
+      font-size: 32rpx;
+      color: #333333;
+      flex: 1;
+    }
+  }
+
+  .answer {
+    display: flex;
+    align-items: flex-start;
+
+    .answer-tag {
+      width: 42rpx;
+      height: 42rpx;
+      margin-right: 32rpx;
+      flex-shrink: 0;
+    }
+
+    .answer-content {
+      font-size: 24rpx;
+      line-height: 40rpx;
+      color: #666666;
+      flex: 1;
+      position: relative;
+
+      .answer-text {
+        word-break: break-word;
+        transition: all 0.3s;
+      }
+
+      &:not(.content-expanded) .answer-text {
+        display: -webkit-box;
+        -webkit-line-clamp: 3;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        position: relative;
+      }
+
+      &.content-expanded {
+        .expand-btn-container {
+          margin-top: 16rpx;
+          text-align: right;
+        }
+      }
+
+      .expand-btn-container {
+        display: block;
+      }
+
+      &:not(.content-expanded) .expand-btn-container {
+        position: absolute;
+        right: 0;
+        bottom: 0;
+        z-index: 2;
+        background-color: #ffffff;
+        padding-left: 10rpx;
+        padding-right: 0;
+      }
+
+      .expand-btn {
+        color: #4e7eff;
+        display: inline-block;
+        font-size: 26rpx;
+        cursor: pointer;
+        white-space: nowrap;
+        padding: 0 4rpx;
+
+        .expand-icon {
+          font-size: 20rpx;
+          display: inline-block;
+          vertical-align: middle;
+          margin-left: 4rpx;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/pages/home/index/index.vue b/pages/home/index/index.vue
index 3525b2a..725f868 100644
--- a/pages/home/index/index.vue
+++ b/pages/home/index/index.vue
@@ -300,6 +300,7 @@ export default {
         {
           title: "招办在线",
           icon: "/static/common/images/icon_admissions.png",
+          path: "/pages/home/admissions/index",
         },
         {
           title: "留言板",
@@ -464,6 +465,11 @@ export default {
       if (item.title === "电话咨询") {
         this.advicePhoneShow = true;
         return;
+      } else if (item.title === "招办在线") {
+        uni.navigateTo({
+          url: item.path,
+        });
+        return;
       } else {
         this.$refs.uToast.show({
           title: "暂未开放",
diff --git a/pages/home/teacherInfo/index.vue b/pages/home/teacherInfo/index.vue
index 0312a4d..67ff09f 100644
--- a/pages/home/teacherInfo/index.vue
+++ b/pages/home/teacherInfo/index.vue
@@ -58,36 +58,19 @@
     <view class="teacher-answers">
       <view class="answer-title">老师回答</view>
 
-      <view
-        class="answer-item"
-        v-for="(item, index) in answerList"
-        :key="item.id"
-      >
-        <view class="student-info">
-          <image class="student-avatar" :src="item.studentAvatar"></image>
-          <text class="student-name">{{ item.studentName }}</text>
-          <text class="answer-time">{{ item.time }}</text>
-        </view>
-
-        <view class="question">
-          <view class="question-tag">问</view>
-          <view class="question-content">{{ item.question }}</view>
-        </view>
-
-        <view class="answer">
-          <view class="answer-tag">答</view>
-          <view class="answer-content">
-            <view class="answer-text">{{ item.fullAnswer }}</view>
-          </view>
-        </view>
-      </view>
+      <!-- 问答列表组件 -->
+      <answer-list :answerList="answerList"></answer-list>
     </view>
   </view>
 </template>
 
 <script>
+import AnswerList from "@/components/AnswerList/index.vue";
+
 export default {
-  components: {},
+  components: {
+    AnswerList,
+  },
   data() {
     return {
       teacherId: "",
@@ -139,7 +122,7 @@ export default {
 
     // 在页面加载后检查文本是否超过三行
     this.$nextTick(() => {
-      this.checkTextOverflow();
+      // this.checkTextOverflow();
     });
   },
   methods: {
@@ -305,143 +288,6 @@ export default {
     color: #333333;
     margin-bottom: 28rpx;
   }
-
-  .answer-item {
-    background-color: #ffffff;
-    border-radius: 16rpx;
-    padding: 32rpx;
-    margin-bottom: 32rpx;
-    border: 1px solid #ccc;
-
-    .student-info {
-      display: flex;
-      align-items: center;
-      margin-bottom: 32rpx;
-
-      .student-avatar {
-        width: 40rpx;
-        height: 40rpx;
-        border-radius: 20rpx;
-        margin-right: 16rpx;
-      }
-
-      .student-name {
-        flex: 1;
-        font-size: 26rpx;
-        color: #666666;
-        font-weight: 500;
-      }
-
-      .answer-time {
-        font-size: 24rpx;
-        color: #666666;
-      }
-    }
-
-    .question {
-      display: flex;
-      margin-bottom: 24rpx;
-
-      .question-tag {
-        width: 40rpx;
-        height: 40rpx;
-        background-color: #4e7eff;
-        color: #ffffff;
-        font-size: 24rpx;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border-radius: 8rpx;
-        margin-right: 32rpx;
-        flex-shrink: 0;
-        font-weight: 500;
-      }
-
-      .question-content {
-        font-size: 32rpx;
-        color: #333333;
-        flex: 1;
-      }
-    }
-
-    .answer {
-      display: flex;
-      align-items: flex-start;
-
-      .answer-tag {
-        width: 40rpx;
-        height: 40rpx;
-        background-color: #ffbd41;
-        color: #ffffff;
-        font-size: 24rpx;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border-radius: 8rpx;
-        margin-right: 32rpx;
-        flex-shrink: 0;
-        font-weight: 500;
-      }
-
-      .answer-content {
-        font-size: 28rpx;
-        color: #666666;
-        flex: 1;
-        position: relative;
-
-        .answer-text {
-          word-break: break-word;
-          transition: all 0.3s;
-        }
-
-        &:not(.content-expanded) .answer-text {
-          display: -webkit-box;
-          -webkit-line-clamp: 3;
-          -webkit-box-orient: vertical;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          position: relative;
-        }
-
-        &.content-expanded {
-          .expand-btn-container {
-            margin-top: 16rpx;
-            text-align: right;
-          }
-        }
-
-        .expand-btn-container {
-          display: block;
-        }
-
-        &:not(.content-expanded) .expand-btn-container {
-          position: absolute;
-          right: 0;
-          bottom: 0;
-          z-index: 2;
-          background-color: #ffffff;
-          padding-left: 10rpx;
-          padding-right: 0;
-        }
-
-        .expand-btn {
-          color: #4e7eff;
-          display: inline-block;
-          font-size: 26rpx;
-          cursor: pointer;
-          white-space: nowrap;
-          padding: 0 4rpx;
-
-          .expand-icon {
-            font-size: 20rpx;
-            display: inline-block;
-            vertical-align: middle;
-            margin-left: 4rpx;
-          }
-        }
-      }
-    }
-  }
 }
 
 /* 响应式布局 - PC端样式 */
diff --git a/static/common/images/icon_answer.png b/static/common/images/icon_answer.png
new file mode 100644
index 0000000000000000000000000000000000000000..e2d306908dc4421f867fa13d9a612c1613b0dd00
GIT binary patch
literal 1952
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
UI^k9GqvM|`4UdEy!W6sz3!LN?od5s;

literal 0
HcmV?d00001

diff --git a/static/common/images/icon_ask.png b/static/common/images/icon_ask.png
new file mode 100644
index 0000000000000000000000000000000000000000..f6b86789acaff4efb904015755a2424f57ab79a6
GIT binary patch
literal 1759
zcmaJ?X;2eq7>*pGP>@Rj4_Jc*3+9H9qy&frBuXgPKmb8Pb|H~$HYAG)2(+SA5TXuL
zIv_$tP*iH6Sj9pIs8Zzcz-kpQltLOsQ8~oQ54%CY{wUp<-S7Rrd7kGzzuElIkWJ>M
zD@}1YoH;Lu8;-4R`gh4<?AvjvD-K&6&;S7%fh40Up#s8jKqLtQc(5=93WtPXMp_r-
zjl&r_OCklRfFH~fAuv&>#}L)99Ao2f-o9$NP?QRxKoXQ9k+JbFn_KaK1Z3l*J^5t5
z+#eE4f-)6QL}o~&C^J>W1o6H;fVY~33BV941k|uprevwv_!(UmX6uhhcwh#Crn2!L
zf)emU0e?gR0dyjnAR?2gfESZUp?lEi<P89oOeK@ZR1$?oAX8XmFBX*w%szO`n*vN`
zg>wUEePKH`UW}r07Kx-%sfa2X5mBU&C`=|(uR)~}Fa$xFAwz{~f=uZ=r@)1jB85bb
zN)Q>KR}>~8=_nhIMfxEHSUxW+Q_hwND;P;Fl#?h#vOc9bAfNyLP#B&^E75T1W4!+<
ztc=W%L!@v>iKHt;SmTnN^{(VBe+48&5k(||Nav~;Dn?L5DMsV~l|rNd>!T$y5K$>V
zn<4P|ES^k>3S}aQ$7SO&38F*-vY4J+8kZi(r8DSs3MG)tWN;}AFMm%4gUMmiDBL+N
z7ZIhykPMyUf*-j73v%_d0LwAYTu33=0fB)E1O{euW=R%~W#fW+vs`fDSo{~{lCWS%
z`p*8V({o4I_~^~~xy3f~lMl(TaaUk-%_@`nW7j2|$K^z-@7*fhBDUe!cedUNfHkH*
zc?m57C%ZVp{==DJ6mghaRS?Os&XyN?BPkoGH8BgX3+m|PaIB1$b1p}>ncj>welY@8
zC$xCfOzv7Yx%Az8RwF&8`1y0^Bid!Y2D}~G*2aOX@v8@ZaGBUA-HsO+|M3;I-m=#?
zVv*NM6T`=AbcWacT;EDg(kji5_p~|IoA=hMU%1Lmwi-N)B5wHc)qvuaWy_*TdT>$8
ziG=g7{d|_*DGXUmc<g!i$``xJ3+~sJ?2QAR4iuJjH{Dz2q1aX?ZH{;Y_2@Rgvffbh
zpkP|PC`#bj?NXUrI&?I7H@*KtQCN=ARJ-k1LQcQxRB4#Sv-@MCW1o&rm!#!7Xy~OK
z)vbHPsfTn!kIKu2w`O-UMvBI(B~!1hs@yziUpn@+v#PZ2qE_SN{8eFA7if&~Nz!zi
z=f%@C_Ha0#(;1h4ZFTMw)2c`7!>Z%61_Z7$zkoIIr@TtnrZ=4AcLlnG)M!V|$kgS$
z(K=4TQ|kftQ=n{|KK)ac^Kijo|L<b=axTa`!1IH0lVh<}Q%-rr2e!`Eb=F50N83Eq
z6l$dOw5&LCcg3%XUaO88oj;=06uozHUlmfA*VlWj>Fv_SzRl#TA!aVc?F9Z`0e;1k
z)$pla)WU9G?3u1}V4NE*d&}L1J}N&-d!VDZYkdWHI^#CC;I6n$Q^JU^p*<@y2v8iP
zJsM6q-fGsS6NgblaXx=a(OO)g#deuSr_oNFDc!PvEbk2~(<P?lM$^uoRHuXD=HeAi
zL*st1ch&XwZ_`#+Zfkd^zbmj?aoswp;cam3KBJdUa&(irjCyyw-<m8Qf8QhS&9P}V
zh<bipVPjY9o|Pk<w3lA_I)+%H85VNkWbROE<u~k`R`rg-L8<_$z}9g^;NZ6WJMw!`
z{hjW~qMzf%%NQmWpj*-J%N<WA!?m8w^p#VSof9u46&<^Gc-%Kzvgh;L+Ww(K4=!bU
z?VLL2e9*-vk*3p|MyszC^D0h^FfOLJjiaxnt(yle*E&&RO1rB2#D;>=22Kbkg;#!d
z;>a%pLITd!oBnr@R#x+j@0ICbyEAdLaceWdX+Re!T4&LaMRXY4xXIVDpvcT5=}TjK
YoFwS-C;qmUW%^$ZFCc__c4K1hKiPGy<NyEw

literal 0
HcmV?d00001