长图文底部样式配置

components/bottomModules/bottom1.vue

@@ -1,8 +1,8 @@
 <template>
     <view class="box">
-        <image style="width: 100%;"
-            src="https://yossys06593.obs.cn-east-3.myhuaweicloud.com:443/202404111712812810046B1fbafed9.png" mode="widthFix"
-            lazy-load="true" />
+        <image style="width: 100%;height: 100%;"
+            src="https://yossys06593.obs.cn-east-3.myhuaweicloud.com:443/202404111712812810046B1fbafed9.png"
+            lazy-load="true" mode="aspectFill" />
         <view class="function">
             <view class="cn-title">预约免费设计</view>
             <view class="en-title">Appointment Free Design</view>
@@ -45,10 +45,16 @@ export default {
         }
     },
     methods: {
-        submit(){
+        submit() {
             console.log(this.name)
             console.log(this.phoneNumber)
             console.log(this.address)
+            uni.showModal({
+                title: '提交成功',
+                content: '感谢您的支持，工作人员会第一时间跟您联系！',
+                showCancel: false,
+                confirmColor: '#C30D23',
+            })
         }
     },
 }
@@ -58,6 +64,7 @@ export default {
 .box {
     position: relative;
     width: 100vw;
+    height: 381px;
 
     .function {
         position: absolute;

packageA/advertising/modules/page.vue

@@ -3,8 +3,9 @@
         <image v-for="(item, index) in detail.attinfos_pic" :key="item.attachmentid" class="image"
             :src="item.attinfos[0].url" mode="widthFix" hover-class="navigator-hover" lazy-load="true"
             @click="onClick(item, index)" />
-   
-        <bottom1 />
+
+        <bottom1 v-if="detail.sharepagecontrol.style_bottom == '默认黑色预约报名样式'" />
+        <view v-else style="height: 10px;" />
     </view>
 </template>
 

packageA/advertising/shareable.vue

@@ -1,7 +1,6 @@
 <template>
     <view>
         <page ref="list" />
-        <view style="height: 30px;" />
     </view>
 </template>
 

packageA/advertising/unshareable.vue

@@ -1,7 +1,6 @@
 <template>
     <view>
         <page ref="list" />
-        <view style="height: 30px;" />
     </view>
 </template>