文明问答

2023-01-10 14:56:57 +08:00
parent 3cdbd98202
commit 741471f57f
4 changed files with 170 additions and 5 deletions
--- a/src/project/fd/AppAnswer/IntegralDetail.vue
+++ b/src/project/fd/AppAnswer/IntegralDetail.vue
@@ -0,0 +1,52 @@
+<template>
+  <div class="integralDetail">
+    <div class="item" v-for="(item, index) in 10" :key="index">
+      <div class="left">
+        <h2>提问</h2>
+        <p>2022-07-21 10:10:02</p>
+      </div>
+      <span>+10</span>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    appName: '积分明细',
+  }
+</script>
+
+<style lang="scss" scoped>
+  .integralDetail {
+    .item {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 20px 24px;
+      border-bottom: 1px solid #eee;
+      background: #fff;
+
+      &:last-child {
+        border-bottom: none;
+      }
+
+      h2 {
+        line-height: 1;
+        margin-bottom: 12px;
+        font-size: 34px;
+        font-weight: 500;
+        font-size: #333;
+      }
+
+      p {
+        font-size: 28px;
+        color: #999;
+      }
+
+      span {
+        font-size: 36px;
+        color: red;
+      }
+    }
+  }
+</style>