fix: 修复编译到app时,启动页按钮样式丢失问题

This commit is contained in:
小莫唐尼 2024-10-17 11:28:13 +08:00
parent 82062d9465
commit a98254e6cc
3 changed files with 535 additions and 512 deletions

View File

@ -9,7 +9,7 @@
<view class="search-input_text pl-12 text-size-m text-grey">搜索内容...</view> <view class="search-input_text pl-12 text-size-m text-grey">搜索内容...</view>
</view> </view>
<!-- #ifdef APP-PLUS || H5 --> <!-- #ifdef APP-PLUS || H5 -->
<view slot="right" class="mr-24 text-size-m text-grey">{{ appInfo.name }}</view> <view slot="right" class="mr-24 text-size-m text-grey text-overflow">{{ appInfo.name }}</view>
<!-- #endif --> <!-- #endif -->
</tm-menubars> </tm-menubars>
<view v-if="loading !== 'success' && articleList.length===0" class="loading-wrap"> <view v-if="loading !== 'success' && articleList.length===0" class="loading-wrap">

View File

@ -40,8 +40,8 @@
</view> </view>
</view> </view>
<video v-else class="video-bg" :object-fit="startConfig.bgVideoFit" :src="startConfig.bgVideo" :loop="true" :autoplay="true" <video v-else class="video-bg" :object-fit="startConfig.bgVideoFit" :src="startConfig.bgVideo" :loop="true"
:muted="true" :controls="false" :show-fullscreen-btn="false" :show-play-btn="false" :autoplay="true" :muted="true" :controls="false" :show-fullscreen-btn="false" :show-play-btn="false"
:show-center-play-btn="false" :show-loading="false" :enable-progress-gesture="false" :show-center-play-btn="false" :show-loading="false" :enable-progress-gesture="false"
:show-progress="false"></video> :show-progress="false"></video>
@ -59,19 +59,26 @@
</cover-view> </cover-view>
</cover-view> </cover-view>
<cover-view v-if="startConfig.desc1 || startConfig.desc2" class="bottom-container"> <cover-view class="bottom-container">
<cover-view class="text-align-center" :style="startConfig.descStyle" <cover-view class="text-align-center" :style="startConfig.descStyle"
style="color:white;padding: 60vh 0 0 0;"> style="color:white;padding: 60vh 0 0 0;">
<cover-view class="" style="font-size: 44rpx;" v-if="startConfig.desc1">{{ startConfig.desc1 }} <cover-view style="font-size: 44rpx;" v-show="startConfig.desc1">
{{ startConfig.desc1 }}
</cover-view> </cover-view>
<cover-view class="mt-30 text-size-m" v-if="startConfig.desc2">{{ startConfig.desc2 }}</cover-view> <cover-view class="mt-30 text-size-m" v-show="startConfig.desc2">
{{ startConfig.desc2 }}
</cover-view> </cover-view>
</cover-view>
<cover-view class="" style="padding: 120rpx 200rpx;z-index: 999;position: relative;"> <!-- #ifdef APP-PLUS -->
<cover-view class="start-btn-app" :style="[startConfig.btnStyle]" @click="fnStart()">
{{ startConfig.btnText || '开始体验' }}
</cover-view>
<!-- #endif -->
<!-- #ifndef APP-PLUS -->
<cover-view class="start-btn" :class="[startConfig.btnClass]" @click="fnStart()" <cover-view class="start-btn" :class="[startConfig.btnClass]" @click="fnStart()"
:style="startConfig.btnStyle">{{ startConfig.btnText || '开始体验' }} :style="[startConfig.btnStyle]">{{ startConfig.btnText || '开始体验' }}
</cover-view>
</cover-view> </cover-view>
<!-- #endif -->
</cover-view> </cover-view>
<!-- 波浪效果 --> <!-- 波浪效果 -->
<wave v-if="startConfig.useWave"></wave> <wave v-if="startConfig.useWave"></wave>
@ -147,9 +154,25 @@ export default {
color: #ffffff; color: #ffffff;
text-align: center; text-align: center;
font-size: 28rpx; font-size: 28rpx;
margin-top: 60rpx;
margin-bottom: 120rpx;
}
.start-btn-app {
border-radius: 50rpx;
color: #ffffff;
text-align: center;
font-size: 28rpx;
margin: 60rpx auto 120rpx auto;
width: 40vw;
height: 60rpx;
line-height: 60rpx;
border: 2rpx solid #ffffff;
} }
.bottom-container { .bottom-container {
display: flex;
flex-direction: column;
position: absolute; position: absolute;
bottom: 50rpx; bottom: 50rpx;
left: 50%; left: 50%;