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 00000000..4626880c
Binary files /dev/null and b/src/project/fd/AppAnswer/img/close.png differ
diff --git a/src/project/fd/AppAnswer/img/search.png b/src/project/fd/AppAnswer/img/search.png
new file mode 100644
index 00000000..53e56d39
Binary files /dev/null and b/src/project/fd/AppAnswer/img/search.png differ