From 087bc7aca4d6fe81a47270776cbfef91b770336e Mon Sep 17 00:00:00 2001
From: yanran200730 <yanran200830@163.com>
Date: Wed, 8 Dec 2021 18:34:42 +0800
Subject: [PATCH] 25274

---
 src/apps/AppAskForm/components/AddForm.vue | 50 ++++++++++++++++------
 1 file changed, 37 insertions(+), 13 deletions(-)

diff --git a/src/apps/AppAskForm/components/AddForm.vue b/src/apps/AppAskForm/components/AddForm.vue
index deae26b3..cb8448b8 100644
--- a/src/apps/AppAskForm/components/AddForm.vue
+++ b/src/apps/AppAskForm/components/AddForm.vue
@@ -91,9 +91,15 @@
         <span>添加问题</span>
       </div>
       <div class="add-form__footer">
-        <div>
-          <span @click="toPreview">预览</span>
-          <span @click="toSetting">设置</span>
+        <div class="add-form__footer--item-wrapper">
+          <div class="add-form__footer--item">
+            <image :src="`${$cdn}sass/preview.png`">
+            <span @click="toPreview">预览</span>
+          </div>
+          <div class="add-form__footer--item">
+            <image :src="`${$cdn}sass/setting.png`">
+            <span @click="toSetting">设置</span>
+          </div>
         </div>
         <div @click="onConfirm">立即发布</div>
       </div>
@@ -626,7 +632,7 @@ export default {
     height: 112px;
     text-align: center;
 
-    div {
+    & > div {
       display: flex;
       align-items: center;
       justify-content: center;
@@ -646,19 +652,37 @@ export default {
       }
 
       span {
-        flex: 1;
-        height: 100%;
-        line-height: 112px;
-        color: #333333;
-        font-size: 32px;
-
-        &:active {
-          background: #eee;
-        }
       }
     }
   }
 
+    .add-form__footer--item-wrapper {
+      .add-form__footer--item {
+        display: flex;
+        align-items: center;
+        flex-direction: column;
+        flex: 1;
+
+        image {
+          display: block;
+          width: 48px;
+          height: 48px;
+          margin: 0 auto;
+        }
+
+        span {
+          display: block;
+          text-align: center;
+          color: #999;
+          font-size: 28px;
+
+          &:active {
+            background: #eee;
+          }
+        }
+      }
+    }
+
   .add-form__btn {
     display: flex;
     align-items: center;