From 829f41034eb37cbe27b9b4e1a88a16d11604bd16 Mon Sep 17 00:00:00 2001
From: yanran200730 <yanran200830@163.com>
Date: Tue, 10 Jan 2023 14:08:05 +0800
Subject: [PATCH] =?UTF-8?q?=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/Add.vue            |   0
 src/project/fd/AppAnswer/Search.vue         | 178 ++++++++++++++++++++
 src/project/fd/AppAnswer/component/List.vue |  47 ++++--
 src/project/fd/AppAnswer/img/close.png      | Bin 0 -> 838 bytes
 src/project/fd/AppAnswer/img/search.png     | Bin 0 -> 806 bytes
 5 files changed, 215 insertions(+), 10 deletions(-)
 create mode 100644 src/project/fd/AppAnswer/Add.vue
 create mode 100644 src/project/fd/AppAnswer/Search.vue
 create mode 100644 src/project/fd/AppAnswer/img/close.png
 create mode 100644 src/project/fd/AppAnswer/img/search.png

diff --git a/src/project/fd/AppAnswer/Add.vue b/src/project/fd/AppAnswer/Add.vue
new file mode 100644
index 00000000..e69de29b
diff --git a/src/project/fd/AppAnswer/Search.vue b/src/project/fd/AppAnswer/Search.vue
new file mode 100644
index 00000000..605ea216
--- /dev/null
+++ b/src/project/fd/AppAnswer/Search.vue
@@ -0,0 +1,178 @@
+<template>
+  <div class="AppAnswerList">
+    <div class="search-wrapper">
+      <div class="search">
+        <image src="./img/search.png" />
+        <input placeholder="请输入" v-model="name">
+        <image v-if="name" src="./img/close.png" @click="name = ''" />
+      </div>
+    </div>
+    <div class="list-wrapper">
+      <div class="item" v-for="(item, index) in 12" :key="index" @click="linkTo('./answerList')">
+        <div class="item-title">
+          <i>我 </i>
+          <span>于2022年12月30日 12:23:54 提问</span>
+        </div>
+        <p>基层工作如何展开相关工作合适基层工作如何展开相关工作合适基层工作如何展...</p>
+        <div class="item-bottom">
+          <div class="left">
+            <span>共</span>
+            <i>0</i>
+            <span>条回答</span>
+          </div>
+          <div class="right">
+            <span @click.stop="linkTo('./answerList')">修改问题</span>
+            <span @click.stop="linkTo('./answerAdd')">去回答</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    data () {
+      return {
+        name: ''
+      }
+    },
+
+    mounted () {
+
+    },
+
+    methods: {
+      linkTo (url) {
+        console.log(url)
+        uni.navigateTo({
+          url
+        })
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .AppAnswerList {
+    padding: 0 32px 20px;
+
+    .search-wrapper {
+      position: sticky;
+      top: 0;
+      z-index: 11;
+      padding: 20px 0;
+      background: #F3F5F9;
+    }
+
+    .search {
+      display: flex;
+      align-items: center;
+      height: 64px;
+      padding: 0 32px;
+      border-radius: 16px;
+      background: #fff;
+
+      image {
+        width: 32px;
+        height: 32px;
+        margin-right: 8px;
+      }
+
+      input {
+        flex: 1;
+        font-size: 26px;
+        color: #999999;
+      }
+    }
+
+    .answer-btn {
+      position: fixed;
+      bottom: 0;
+      left: 0;
+      z-index: 11;
+      width: 100%;
+      padding: 16px 32px;
+      text-align: center;
+      box-sizing: border-box;
+      background: #F3F5F9;
+
+      div {
+        height: 88px;
+        line-height: 88px;
+        background: #3975C6;
+        border-radius: 44px;
+        font-size: 34px;
+        color: #FFFFFF;
+      }
+    }
+
+    .list-wrapper {
+      padding-bottom: 40px;
+
+      .item {
+        margin-bottom: 24px;
+        padding: 24px;
+        border-radius: 16px;
+        background: #fff;
+
+        .item-bottom {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          margin-top: 48px;
+
+          .right {
+            span {
+              height: 56px;
+              line-height: 56px;
+              margin-right: 24px;
+              padding: 0 16px;
+              background: #FFFFFF;
+              border: 1px solid #FF883C;
+              color: #FF883C;
+              border-radius: 8px;
+
+              &:last-child {
+                margin-right: 0;
+                color: #3975C6;
+                border: 1px solid #3975C6;
+              }
+            }
+          }
+
+          div {
+            display: flex;
+            align-items: center;
+            font-size: 28px;
+            color: #999;
+          }
+
+          i {
+            font-style: normal;
+            color: #3975C6;;
+          }
+        }
+
+        p {
+          line-height: 1.3;
+          font-size: 34px;
+          color: #333333;
+        }
+
+        .item-title {
+          display: flex;
+          align-items: center;
+          margin-bottom: 16px;
+          font-size: 28px;
+          color: #999;
+
+          i {
+            font-style: normal;
+            color: #3975C6;;
+          }
+        }
+      }
+    }
+  }
+</style>
diff --git a/src/project/fd/AppAnswer/component/List.vue b/src/project/fd/AppAnswer/component/List.vue
index 85a5c68d..bcf57f2f 100644
--- a/src/project/fd/AppAnswer/component/List.vue
+++ b/src/project/fd/AppAnswer/component/List.vue
@@ -1,11 +1,11 @@
 <template>
   <div class="AppAnswerList">
-    <div class="search">
-      <image :src="$cdn + 'xincheng/search.png'" />
-      <input placeholder-style="color: #98A6B6" placeholder="请输入" v-model="name" @input="onChange">
+    <div class="search" @click="linkTo('./Search')">
+      <image src="../img/search.png" />
+      <div>请输入</div>
     </div>
     <div class="list-wrapper">
-      <div class="item" v-for="(item, index) in 10" :key="index">
+      <div class="item" v-for="(item, index) in 12" :key="index" @click="linkTo('./answerList')">
         <div class="item-title">
           <i>我 </i>
           <span>于2022年12月30日 12:23:54 提问</span>
@@ -18,12 +18,15 @@
             <span>条回答</span>
           </div>
           <div class="right">
-            <span>修改问题</span>
-            <span>去回答</span>
+            <span @click.stop="linkTo('./answerList')">修改问题</span>
+            <span @click.stop="linkTo('./answerAdd')">去回答</span>
           </div>
         </div>
       </div>
     </div>
+    <div class="answer-btn">
+      <div>提问</div>
+    </div>
   </div>
 </template>
 
@@ -40,8 +43,11 @@
     },
 
     methods: {
-      onChange () {
-
+      linkTo (url) {
+        console.log(url)
+        uni.navigateTo({
+          url
+        })
       }
     }
   }
@@ -49,7 +55,7 @@
 
 <style lang="scss" scoped>
   .AppAnswerList {
-    padding: 0 32px;
+    padding: 0 32px 120px;
 
     .search {
       position: sticky;
@@ -69,12 +75,33 @@
         margin-right: 8px;
       }
 
-      input {
+      div {
         font-size: 26px;
         color: #999999;
       }
     }
 
+    .answer-btn {
+      position: fixed;
+      bottom: 0;
+      left: 0;
+      z-index: 11;
+      width: 100%;
+      padding: 16px 32px;
+      text-align: center;
+      box-sizing: border-box;
+      background: #F3F5F9;
+
+      div {
+        height: 88px;
+        line-height: 88px;
+        background: #3975C6;
+        border-radius: 44px;
+        font-size: 34px;
+        color: #FFFFFF;
+      }
+    }
+
     .list-wrapper {
       padding-bottom: 40px;
 
diff --git a/src/project/fd/AppAnswer/img/close.png b/src/project/fd/AppAnswer/img/close.png
new file mode 100644
index 0000000000000000000000000000000000000000..4626880c9a4a07ce57fe05470eb5ef24e1391810
GIT binary patch
literal 838
zcmV-M1G)T(P)<h;3K|Lk000e1NJLTq001BW001Be1ONa4*>kdg0009GNkl<ZNXM<!
z&ud*p90l;t%)M>QB6)2pq?DvDDWonHZ0Jh5C`F+NZn|;Pe?hQy->o3nKcO2p-3V@!
z(uKGxiJ;38Nb=01G$84ZEaGeKopEt*eD5_+LF;#OVeXtWXU_M`OwiUkgdF}zg{gCS
z)ra{~Skl3ZydBp45Y`4yYH!7mWiGY2(0tZpA*4_wU0?V}S7E$rJ>UCMuZ}V29IPG@
z{OqYyPR1&Qneua==^)8syFf+~M7;2I^;O<4<E!-CS?>$2_$XQMjSnQ5W9v5>2%?{S
zsxL}h5+2E75o_=I){;tbw5^Gi)k@nw@oOql9mHuTf?C&oODg3*!U;;1CHHmJC&IM&
zD&!nz+_R!mjyZb_+g7Qv;$ED|`BjJlZn@&HfhSp-KoQzMEybZLZXtwqmi(e43uLFg
z?KcNXc?@2ecHZxvHRM_F!h5!3;<k>u84u3rxM)`WS_5WX)N$rWTTtt`oy78-tHTXu
zeFIZg%pJ)^GH1n<f&Nfez}50xOsn3J#AY-)u%%YG;B2d+cGd-j+LnW(iA{3eNvqMd
zHfybd!b@9{U{P0=bu9{#EiV<L&SYFG^W|VjOICWO?>y$6z#Qm%_L{LG`EnV$$HNxw
znlk?vm|eT#IJ_~U8=abzoM^`$vWz`DqasIbJT+nb-&OQ{)Wl)q7R@0Dn6o(2)G-sE
z$K0C~+IjO}&mNdJKQZ9B7sDe)>4VB?3$1mVHtm81r&Z$=iSQ_TFlu5@o3$*;cJu^6
z&yFlwHhYx#p@|P-T=TfOT^iD9%L=tkPupv$@YJSSVcGOhY!W?=Yq5Ib;n2ol!IXgw
zdn1jD_G}oKvM^MT@vwUG=EqsI?JlZjVzbt3p_P@bu2w;XySBx!9%M7Vb7k~OJ09Ax
z(Mst@AKMq=$s9u3chiQlQDGw7IDEs+v>(FB91k33g`OL>m8!o%4_PXuZ8!83hxy>m
zAC^e4Ymjn0>{r*_v9C}_>h>r$N3xa_3j6L<*AM$S4$`jhKRvEZ{nzLHPfWF5+lsea
QzW@LL07*qoM6N<$f*D1hwg3PC

literal 0
HcmV?d00001

diff --git a/src/project/fd/AppAnswer/img/search.png b/src/project/fd/AppAnswer/img/search.png
new file mode 100644
index 0000000000000000000000000000000000000000..53e56d39afdd0f0342a5a32f19a58d6ab4afd59b
GIT binary patch
literal 806
zcmV+>1KIqEP)<h;3K|Lk000e1NJLTq001BW001Be1ONa4*>kdg0008*Nkl<Zc-p0v
z&ubl36vsd3&ZN2#q!`=c+CW57)4B7a|AKCmhHMlUqV;EsP;en`1nDjy))rLg#=0pM
z-B|ww&6_ict&%`oij*1~x)SWWb5AF?ukB0Tdx1wk7Y6P<-|ykT+<T5N5_JfILHe4H
zjAz)a+0a?0j*;Yh&4!PlPcX-!cEOEyUGx7!<%Ho%WVb!%xu_+l=<xLYnDHlFzVOv=
zF5u(X1XWfx`V^n>DpS~CB<*^9$0z>p9o47=$zIRfMV=wzXxL<h>%b8fm?2B2>+)K$
zwxb+MP`e`5rTxS-4e%q&aitSUbe&t^G%o`gTk=v-?Wh@~a-fHGU9DZ)^&<Q#uqL&u
z-I|bg^`dU4__`iWj$MDjfHTYzxg{?aD^)HLn>Va4k}4~{um7?uJkBg<cmvygY0!@L
z)U;V$0?lh-54C6xt4rFbwaQL%B^-zYPLczck6r3!J`~0t3iF|x9lOM3Am=2=y#(rt
zpwkpUu+Kq^(WFSL2tc9Jt;+#895BZ$uqhRkk<p}xRBQsX%mMub08awY^}VaYK3o;w
zqYJ<^eH;cH0^m9XVJs<{RDFj5I35y*05<?Q0=Y4k6iuqWLmpJ{4*(sVI%@30QPU|p
z0}j9ufop64Ggd<77)^>;$qcZ;?~t50AM4z2Q3JVr2qugn3bcwGsQp&!x|;wj0%r-p
z@zteHGwv!c>|FHYK;Ue0J)jcM3u@Zv&3XZ<Tpa_bt8&oi^=5jH7m}k-5+cCIY~VO(
zKi7+82sZefgO#CP<O&CYZCeJi{Ts>;EXS(TkmzQv<TS4!2!`Xle}Bz2=54Z;2F5KO
z!{PX<_rVK6osW|=)xfv$Q}+??ahn5t<4>e2Y@)XQhdgWgHE*R9{VHU5u$1Eli;$J!
zmwf6=-o97Gs>tZM=$pNx4NDVCGMSI}t2p=HDVcP*s`Ig};v6UVpGSB{n3#SQ=Xn=+
kQ<$7|YxGfGCmgtV2l;z+-HnhX!~g&Q07*qoM6N<$f}1&i_y7O^

literal 0
HcmV?d00001