From 741471f57f82bd075669e7ff10da67f5fe70f0ab Mon Sep 17 00:00:00 2001
From: yanran200730 <yanran200830@163.com>
Date: Tue, 10 Jan 2023 14:56:57 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=87=E6=98=8E=E9=97=AE=E7=AD=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/project/fd/AppAnswer/IntegralDetail.vue   |  52 ++++++++
 src/project/fd/AppAnswer/component/List.vue   |   1 -
 .../fd/AppAnswer/component/Ranking.vue        | 122 +++++++++++++++++-
 src/project/fd/AppAnswer/img/right.png        | Bin 0 -> 974 bytes
 4 files changed, 170 insertions(+), 5 deletions(-)
 create mode 100644 src/project/fd/AppAnswer/IntegralDetail.vue
 create mode 100644 src/project/fd/AppAnswer/img/right.png

diff --git a/src/project/fd/AppAnswer/IntegralDetail.vue b/src/project/fd/AppAnswer/IntegralDetail.vue
new file mode 100644
index 00000000..c2b1d8e4
--- /dev/null
+++ 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>
diff --git a/src/project/fd/AppAnswer/component/List.vue b/src/project/fd/AppAnswer/component/List.vue
index e16000ed..ead1f911 100644
--- a/src/project/fd/AppAnswer/component/List.vue
+++ b/src/project/fd/AppAnswer/component/List.vue
@@ -46,7 +46,6 @@
 
     methods: {
       linkTo (url) {
-        console.log(url)
         uni.navigateTo({
           url
         })
diff --git a/src/project/fd/AppAnswer/component/Ranking.vue b/src/project/fd/AppAnswer/component/Ranking.vue
index 3f344d8b..cbfb2eaa 100644
--- a/src/project/fd/AppAnswer/component/Ranking.vue
+++ b/src/project/fd/AppAnswer/component/Ranking.vue
@@ -1,13 +1,127 @@
 <template>
-
+  <div class="ranking">
+    <div class="list-wrapper">
+      <div class="item my" @click="linkTo">
+        <span>113</span>
+        <div class="userinfo">
+          <image :src="'https://cdn.cunwuyun.cn/wxmp/tianfuxing/avatar.png'" />
+          <h3>且听风吟</h3>
+        </div>
+        <i>20</i>
+        <image class="right" src="../img/right.png" />
+      </div>
+      <div class="item" v-for="(item, index) in 21" :key="index">
+        <span>{{ index + 1 }}</span>
+        <div class="userinfo">
+          <image :src="'https://cdn.cunwuyun.cn/wxmp/tianfuxing/avatar.png'" />
+          <h3>且听风吟</h3>
+        </div>
+        <i>20</i>
+      </div>
+      <!-- <AiEmpty v-if="!list.length"></AiEmpty> -->
+    </div>
+  </div>
 </template>
 
 <script>
-export default {
+  export default {
+    data () {
+      return {
 
-}
+      }
+    },
+
+    mounted: {
+
+    },
+
+    methods: {
+      linkTo () {
+        uni.navigateTo({
+          url: './IntegralDetail'
+        })
+      }
+    }
+  }
 </script>
 
-<style>
+<style scoped lang="scss">
+  .ranking {
+    padding-bottom: 20px;
 
+    .list-wrapper {
+      margin: 0 32px;
+
+      .item {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        height: 80px;
+        margin-bottom: 16px;
+        padding: 0 32px;
+        background: #FFFFFF;
+        box-shadow: 0 0 8px 0 rgba(0,0,0,0.02);
+        border-radius: 16px;
+
+        span {
+          width: 130px;
+          font-size: 34px;
+          color: #DDDDDD;
+          font-style: oblique;
+          font-weight: 600;
+        }
+
+        &:nth-of-type(1) span {
+          color: #2D7DFF;
+        }
+
+        &:nth-of-type(2) span {
+          color: #3BBC37;
+        }
+
+        &:nth-of-type(3) span {
+          color: #FF883C;
+        }
+
+        image {
+          width: 48px;
+          height: 48px;
+        }
+
+        .userinfo {
+          display: flex;
+          align-items: center;
+          flex: 1;
+
+          h3 {
+            margin-left: 16px;
+            font-size: 28px;
+            color: #333333;
+          }
+        }
+
+        i {
+          width: 100px;
+          font-size: 32px;
+          color: #FFB94C;
+          font-style: normal;
+          font-weight: 600;
+          text-align: center;
+        }
+      }
+    }
+
+    .my {
+      padding-right: 16px!important;
+
+      i {
+        width: auto!important;
+      }
+
+      .right {
+        width: 64px;
+        height: 64px;
+      }
+    }
+  }
 </style>
diff --git a/src/project/fd/AppAnswer/img/right.png b/src/project/fd/AppAnswer/img/right.png
new file mode 100644
index 0000000000000000000000000000000000000000..f5f7132f4cd68c5084d07e7e39f6b9e44b14b040
GIT binary patch
literal 974
zcmV;<12O!GP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00001b5ch_0Itp)
z=>Px&h)G02RCr$Pnoo#LQ5?t5d2cc_!%R|Al9G}_G?b>KBod+CghIxQ-|u%L6lxMF
zku*#hnK|#?TSF*+%EHFN#zvwj+1Xgw*eFsKqj!Hg({D5;S-o@5dA)mgcXK-5&-wg*
z_ug}^R!x5CCeN=50EGcfPM|1(CKsS+f<*}wCD7yqoRz@f;9y%vN5?K^9!JE-p>lQx
zAdcg;%>2d%XXXn;bTLE-&HxM#56@|BZGEMbS}wuQA>!rGAUFeHgI2566-uc`N~vY`
zUTb|80Iq}t!6^V6)EKi$Yi)bLQYnW4BDxw11m^&3&@@d~*J?EjVTqV<1^}*w03jCu
zVnUaguvknuMMOisA>;-?Ojsu-ED{q=0>BNQ5OM_|Cal+5+s3$1OgK(NH+@0K9e@ow
zIy%~2DwS+cSRlcVA>u6`5WD~o6E=tm^Q9aj05Ew&@CHCk*eE8<li-Mmah?#o0uU26
zi3xKh_z^@*^Mc?VfI!$>DwQ5FbEh=M!$dTe2ZSI1*r0J7Z((NJ7-viHLx_0CHH2UQ
zhzZ-ogf?l62La%&O9(*$5EHhG2{Y||mSy{+D7x<oLT~`Ygq_kDXNU>=0N{ZO2tfi6
z6LvGRePe792zvm)-q-aC7J!&g5fkh@zqPcqEb8m)`%zB<jRfE=B6ig?{DfKc9<W~H
z#c@2f1U@RIDv0=@UgJ-W6C?m*%+x0MNy5LYclaO;FvjeVy0?$P&q}EtM11Wcd~g7g
zB-v&=KQr4Gp)cifxzgX?|I$_Xpa2+Sw#v%SX6CQVT#2ISh0E~407#N#v#h-R82Zl4
zJw)`}b@(6v7-Ob>4*%3zR{-Ey9^t(MNRnh@mSy$}&~AwQlJHOS3hxzwG3L*fnAV!J
zEUOUFlRU$F1CXX^w``A3Y>G1TULty!cX%%Vj4{)<#SakCJs;t72au-e^n;OJ0J!Zd
ze69eDF@GJ6X{`YO5})C715mA2*T^yX#NjA2A0?s@-{ErsF#UL3DRlx7heHVO9KiG+
zB$QI85%GE`;hh2)8yo8!A0M|LG84bZXsrhTAebK`CKtike!$4c$jWlL{9bDQJP}<A
zY2}>*7#bRy)!yFTTdUQ6Mp5MTQTIRa&I|}~wf{Az0zjjzl&g6b2Dl>IDB~6eG|Ec3
wnrC5vE3%C;Zec*9tdy&H76!N?+bHAy27MhhP&;|?+yDRo07*qoM6N<$f-g~~761SM

literal 0
HcmV?d00001