学习问答

2023-01-09 16:38:58 +08:00
parent 039cfb5673
commit 642276cbdc
4 changed files with 288 additions and 12 deletions
--- a/project/fengdu/app/AppLearning/components/Detail.vue
+++ b/project/fengdu/app/AppLearning/components/Detail.vue
@@ -0,0 +1,123 @@
+ <template>
+  <ai-detail>
+    <template slot="title">
+      <ai-title title="返回学习回答列表" isShowBack isShowBottomBorder @onBackClick="cancel(false)">
+      </ai-title>
+    </template>
+    <template slot="content">
+      <ai-card title="基层治理需要关注什么？">
+        <div slot="right" class="right-text">汪周文发布于2023-01-09 <span>已有15个回答</span></div>
+        <template #content>
+          <div class="item">
+            <div class="flex">
+              <img src="https://img0.baidu.com/it/u=1705694933,4002952892&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=281" alt="">
+              <div class="user-info">
+                <h3>汪周文</h3>
+                <p>中卫慧通-产品部</p>
+              </div>
+            </div>
+            <div class="content">123</div>
+            <p class="time"><span>发布于 </span>2023-01-09 16:27</p>
+          </div>
+          <div class="item">
+            <div class="flex">
+              <img src="https://img0.baidu.com/it/u=1705694933,4002952892&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=281" alt="">
+              <div class="user-info">
+                <h3>汪周文</h3>
+                <p>中卫慧通-产品部</p>
+              </div>
+            </div>
+            <div class="content">123</div>
+            <p class="time"><span>发布于 </span>2023-01-09 16:27</p>
+          </div>
+        </template>
+      </ai-card>
+    </template>
+  </ai-detail>
+</template>
+
+<script>
+  export default {
+    name: 'Detail',
+
+    props: {
+      instance: Function,
+      dict: Object,
+      params: Object
+    },
+
+    data () {
+      return {
+
+      }
+    },
+
+    created () {
+      this.getInfo()
+    },
+
+    methods: {
+      getInfo () {
+        // this.instance.post(`/app/appvideovoteconfig/queryDetailByCorpId`).then(res => {
+        //   if (res.code == 0) {
+        //     if (res.data) {
+        //       this.id = res.data.id
+        //       this.form = {
+        //         ...res.data
+        //       }
+        //     }
+        //   }
+        // })
+      },
+
+      cancel () {
+        this.$emit('change', {
+          type: 'List',
+          isRefresh: true
+        })
+      }
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+.right-text {
+  color: #999!important;
+  span {
+    margin-left: 8px;
+  }
+}
+.item {
+  margin-bottom: 32px;
+  border-bottom: 1px solid #eee;
+  .flex {
+    display: flex;
+    img {
+      width: 80px;
+      height: 80px;
+      margin-right: 16px;
+    }
+    h3 {
+      line-height: 40px;
+      font-size: 30px;
+      font-weight: 700;
+      margin-bottom: 10px;
+    }
+  }
+  .content {
+    margin: 16px 0;
+  }
+  p {
+    line-height: 30px;
+    color: #999;
+    font-size: 14px;
+  }
+  .time {
+    margin-bottom: 16px;
+  }
+}
+.item:nth-last-of-type(1) {
+  border-bottom: 0;
+  margin-bottom: 0;
+}
+</style>