问答详情

2023-01-10 10:02:16 +08:00
parent f4fb648d32
commit b4504112d8
2 changed files with 74 additions and 4 deletions
--- a/src/project/fd/AppAnswer/answerDetail.vue
+++ 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>