问答详情

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>

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 {