From b4504112d8dd33c93c6dada3cb9dc15cd7d3c879 Mon Sep 17 00:00:00 2001
From: shijingjing <1789544664@qq.com>
Date: Tue, 10 Jan 2023 10:02:16 +0800
Subject: [PATCH] =?UTF-8?q?=E9=97=AE=E7=AD=94=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/project/fd/AppAnswer/answerDetail.vue | 68 +++++++++++++++++++++++
 src/project/fd/AppAnswer/answerList.vue   | 10 ++--
 2 files changed, 74 insertions(+), 4 deletions(-)
 create mode 100644 src/project/fd/AppAnswer/answerDetail.vue

diff --git a/src/project/fd/AppAnswer/answerDetail.vue b/src/project/fd/AppAnswer/answerDetail.vue
new file mode 100644
index 00000000..ea463c5d
--- /dev/null
+++ b/src/project/fd/AppAnswer/answerDetail.vue
@@ -0,0 +1,68 @@
+<template>
+  <div class="answerDetail">
+    <div class="head">
+      <div class="left">
+        <img src="./img/avatar.png" alt="">
+        <div class="head_avtar">
+          <h4>我</h4>
+          <div class="col-999">产品部</div>
+        </div>
+      </div>
+      <div class="right col-999">12-30 12:23:54</div>
+    </div>
+    <div class="content">
+      <u-parse :html="info.content"></u-parse>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "answerDetail",
+  data() {
+
+  },
+  methods: {
+
+  },
+  onShow() {},
+
+}
+</script>
+
+<style lang="scss" scoped>
+.answerDetail {
+  padding: 24px 32px 120px 32px;
+  box-sizing: border-box;
+  background: #FFF;
+
+  .head {
+    display: flex;
+    justify-content: space-between;
+    .left {
+      display: flex;
+      img {
+        width: 80px;
+        height: 80px;
+        margin-right: 16px;
+      }
+      .head_avtar {
+        width: calc(100% - 96px);
+      }
+    }
+    .col-999 {
+      color: #999999;;
+    }
+  }
+
+  .content{
+    width: 100%;
+    word-break: break-all;
+    font-size: 36px;
+    font-family: PingFangSC-Regular, PingFang SC;
+    color: #333;
+    line-height: 64px;
+  }
+
+}
+</style>
\ No newline at end of file
diff --git a/src/project/fd/AppAnswer/answerList.vue b/src/project/fd/AppAnswer/answerList.vue
index 40fe2255..51d977a9 100644
--- a/src/project/fd/AppAnswer/answerList.vue
+++ b/src/project/fd/AppAnswer/answerList.vue
@@ -31,7 +31,7 @@
       </div>
     </div>
 
-    <div class="btn">去回答</div>
+    <div class="btn" @click="toDetail">去回答</div>
   </div>
 </template>
 
@@ -43,8 +43,10 @@ export default {
 
     }
   },
-  methods() {
-
+  methods: {
+    toDetail() {
+      uni.navigateTo({url: `./answerDetail`})
+    }
   },
   onShow() {
 
@@ -54,7 +56,7 @@ export default {
 
 <style scoped lang="scss">
 .answerList {
-  padding: 32px;
+  padding: 32px 32px 120px 32px; 
   box-sizing: border-box;
 
   .answer_title {