公告位置调整,vr图标位置调整
This commit is contained in:
parent
481710a323
commit
d03ed00794
|
|
@ -9,18 +9,7 @@
|
|||
|
||||
<!-- 背景图 -->
|
||||
<image :src="templeData.imgUrl" class="bj" mode="aspectFill"></image>
|
||||
<!-- 公告 -->
|
||||
<view class="announcement">
|
||||
<image :src="pageConfig.announcement.icon" class="ggimg" mode="" />
|
||||
<view class="marquee-wrap">
|
||||
<view
|
||||
:style="{ transform: `translateX(${marqueeX}rpx)` }"
|
||||
class="marquee"
|
||||
>
|
||||
{{ templeData.bulletinContent }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 音频与VR图标 -->
|
||||
<view class="tubiao">
|
||||
<view class="audio-controls">
|
||||
|
|
@ -37,8 +26,9 @@
|
|||
@click="toggleAudio"
|
||||
></image>
|
||||
</view>
|
||||
<view class="tubiao-item" @click="goToVR">
|
||||
<image :src="pageConfig.topIcons.bottomIcon.img" mode=""></image>
|
||||
<view class="tubiao-item">
|
||||
<!-- <view class="tubiao-item" @click="goToVR">-->
|
||||
<!-- <image :src="pageConfig.topIcons.bottomIcon.img" mode=""></image>-->
|
||||
</view>
|
||||
</view>
|
||||
<!-- 底部 -->
|
||||
|
|
@ -51,6 +41,18 @@
|
|||
<view class="time">
|
||||
{{ templeData.startTime }} - {{ templeData.endTime }}
|
||||
</view>
|
||||
<!-- 公告 -->
|
||||
<view class="announcement">
|
||||
<image :src="pageConfig.announcement.icon" class="ggimg" mode="" />
|
||||
<view class="marquee-wrap">
|
||||
<view
|
||||
:style="{ transform: `translateX(${marqueeX}rpx)` }"
|
||||
class="marquee"
|
||||
>
|
||||
{{ templeData.bulletinContent }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="hua">
|
||||
<image
|
||||
mode=""
|
||||
|
|
@ -637,7 +639,7 @@ page {
|
|||
|
||||
.list {
|
||||
display: flex;
|
||||
width: 1300rpx; /* 更大的宽度确保滚动 */
|
||||
width: 1400rpx; /* 更大的宽度确保滚动 */
|
||||
padding: 0 20rpx;
|
||||
box-sizing: border-box;
|
||||
/* 确保内容不被压缩 */
|
||||
|
|
@ -678,7 +680,7 @@ page {
|
|||
.hua {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-top: 30rpx;
|
||||
//margin-top: 30rpx;
|
||||
|
||||
image {
|
||||
width: 656rpx;
|
||||
|
|
@ -717,6 +719,7 @@ page {
|
|||
}
|
||||
|
||||
.tubiao {
|
||||
margin-top: 184rpx;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
padding: 0 40rpx;
|
||||
|
|
@ -757,8 +760,8 @@ page {
|
|||
|
||||
.announcement {
|
||||
width: 100%;
|
||||
margin-top: 184rpx;
|
||||
padding: 0 48rpx;
|
||||
//margin-top: 184rpx;
|
||||
padding: 20rpx 48rpx;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
|
|||
|
|
@ -15,6 +15,7 @@ export const PAGE_ROUTES = {
|
|||
PRAY: "/pages/pray/pray",
|
||||
PC: "/pages/personalCenter/personalCenter",
|
||||
FUTURE: "/pages/institutionalStructure/institutionalStructure?pageStatus=1,2",
|
||||
VR: "/page_user/webViewVR/webViewVR?id=15",
|
||||
|
||||
// 待开发页面
|
||||
|
||||
|
|
@ -44,6 +45,7 @@ export const PAGE_TYPE_MAP = {
|
|||
index: PAGE_ROUTES.INDEX,
|
||||
pray: PAGE_ROUTES.PRAY,
|
||||
pc: PAGE_ROUTES.PC,
|
||||
vr: PAGE_ROUTES.VR,
|
||||
};
|
||||
|
||||
/**
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user