25274

src/apps/AppAskForm/components/AddForm.vue

@@ -91,10 +91,16 @@
         <span>添加问题</span>
       </div>
       <div class="add-form__footer">
-        <div>
+        <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>
       <u-popup v-model="isShow" :closeable="false" mode="bottom" @close="isShow = false">
@@ -626,7 +632,7 @@ export default {
     height: 112px;
     text-align: center;
 
-    div {
+    & > div {
       display: flex;
       align-items: center;
       justify-content: center;
@@ -646,11 +652,29 @@ export default {
       }
 
       span {
+      }
+    }
+  }
+
+    .add-form__footer--item-wrapper {
+      .add-form__footer--item {
+        display: flex;
+        align-items: center;
+        flex-direction: column;
         flex: 1;
-        height: 100%;
-        line-height: 112px;
-        color: #333333;
-        font-size: 32px;
+
+        image {
+          display: block;
+          width: 48px;
+          height: 48px;
+          margin: 0 auto;
+        }
+
+        span {
+          display: block;
+          text-align: center;
+          color: #999;
+          font-size: 28px;
 
           &:active {
             background: #eee;