预览弹框

src/project/saas/AppCooperationPropaganda/AppCooperationPropaganda.vue

@@ -29,9 +29,9 @@
     </div>
     <AiEmpty description="暂无数据" v-if="!list.length"/>
 
-    <AiFixedBtn>
-      <div class="addBtn iconfont iconfont-iconfangda" @tap="toAdd"></div>
-    </AiFixedBtn>
+    <div class="btn">
+      <div class="addBtn" @click="toAdd">新增群发{{tabIndex==0? '居民群': tabIndex==1? '居民':'朋友圈'}}</div>
+    </div>
 
     <u-popup v-model="filterShow" mode="bottom" border-radius="14">
       <div class="popup">
@@ -196,6 +196,10 @@ export default {
 
 <style lang="scss" scoped>
 .AppCooperationPropaganda {
+
+  padding-bottom: 130px;
+  box-sizing: border-box;
+
   ::v-deep .AiTopFixed .content {
     padding: 0;
   }
@@ -309,19 +313,29 @@ export default {
     }
   }
 
-  .addBtn {
-    width: 96px;
-    height: 96px;
-    flex-shrink: 0;
-    background: $uni-color-primary;
-    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
-    font-size: 48px;
-    color: #fff;
-    border-radius: 50%;
-    justify-content: center;
-    align-items: center;
+  .btn {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    background: #FFF;
     display: flex;
+    width: 100%;
+    height: 128px;
+    padding: 24px 32px;
+    box-sizing: border-box;
+
+    .addBtn {
+      flex: 1;
+      height: 80px;
+      line-height: 80px;
+      text-align: center;
+      border-radius: 8px;
+      border: 2px solid #CCCCCC;
+      background: #1365DD;
+      color: #FFF;
+    }
   }
+
   .popup {
     box-sizing: border-box;
     // height: 800px;