|
|
@@ -217,9 +217,7 @@ const isFlatLandscape = computed(() => {
|
|
|
@mouseover="hoverIndex = item">
|
|
|
<div class="list-item-con" v-if="startItem + item - 1 < store.dataAll.welfareList.length">
|
|
|
<!-- 默认图片--无logo情况下显示 -->
|
|
|
- <div
|
|
|
- v-if="store.dataAll.welfareList[startItem + item - 1].title == '北京中金公益基金会'"
|
|
|
- class="defaultLogo"
|
|
|
+ <div v-if="false" class="defaultLogo"
|
|
|
:style="{ backgroundImage: `url(${baseResourceUrl}/logo/logo-default${hoverIndex == item ? 'Ac' : ''}.png)`, backgroundSize: 'cover' }">
|
|
|
{{
|
|
|
store.dataAll.welfareList[startItem + item - 1].title }}</div>
|
|
|
@@ -229,7 +227,7 @@ const isFlatLandscape = computed(() => {
|
|
|
</div>
|
|
|
<div v-if="startItem + item - 1 < store.dataAll.welfareList.length"
|
|
|
:class="store.dataAll.welfareList[startItem + item - 1].title.length > 8 ? 'item-name' : ''"
|
|
|
- :style="{ whiteSpace: 'nowrap' }"> {{ store.dataAll.welfareList[startItem + item -
|
|
|
+ > {{ store.dataAll.welfareList[startItem + item -
|
|
|
1] ? store.dataAll.welfareList[startItem + item - 1].title : '' }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -246,7 +244,7 @@ const isFlatLandscape = computed(() => {
|
|
|
<div class="content-item" v-for="(item, index) in store.dataAll.welfareList" :key="index"
|
|
|
@click="curUnit = item, isShowInfoBox = true">
|
|
|
<!-- 默认图片--无logo情况下显示 -->
|
|
|
- <div v-if="item.title == '北京中金公益基金会'" class="defaultLogo"
|
|
|
+ <div v-if="false" class="defaultLogo"
|
|
|
:style="{ backgroundImage: `url(${baseResourceUrl}/logo/logo-default${hoverIndex == item ? 'Ac' : ''}.png)`, backgroundSize: 'cover' }">
|
|
|
{{
|
|
|
item.title }}</div>
|
|
|
@@ -255,8 +253,8 @@ const isFlatLandscape = computed(() => {
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <img v-show="browser.mobile && !isFlatLandscape" class="icon-down" src="@/assets/images/home/icon-down.png" alt=""
|
|
|
- @click="close">
|
|
|
+ <img v-show="browser.mobile && !isFlatLandscape" class="icon-down" :style="{ width: '15vw' }"
|
|
|
+ src="@/assets/images/home/icon-down.png" alt="" @click="close">
|
|
|
<img v-show="!browser.mobile || isFlatLandscape" class="line-down" src="@/assets/images/home/line-down.png" alt=""
|
|
|
@click="close">
|
|
|
</div>
|
|
|
@@ -265,7 +263,7 @@ const isFlatLandscape = computed(() => {
|
|
|
<style lang='less' scoped>
|
|
|
.scene-list-box {
|
|
|
width: 100%;
|
|
|
- height: 80%;
|
|
|
+ // height: 80%;
|
|
|
position: absolute;
|
|
|
bottom: 0;
|
|
|
display: flex;
|
|
|
@@ -532,10 +530,10 @@ const isFlatLandscape = computed(() => {
|
|
|
|
|
|
.list-item-con {
|
|
|
width: 100%;
|
|
|
- min-height: 85%;
|
|
|
- height: 90%;
|
|
|
- max-height: 90%;
|
|
|
- background: white;
|
|
|
+ // min-height: 85%;
|
|
|
+ // height: 85%;
|
|
|
+ // max-height: 90%;
|
|
|
+ // background: white;
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
@@ -568,8 +566,8 @@ const isFlatLandscape = computed(() => {
|
|
|
|
|
|
.item-name {
|
|
|
width: 100%;
|
|
|
- animation: identifier1 8s linear infinite;
|
|
|
- white-space: nowrap;
|
|
|
+ // animation: identifier1 8s linear infinite;
|
|
|
+ // white-space: nowrap;
|
|
|
|
|
|
}
|
|
|
|
|
|
@@ -832,6 +830,7 @@ const isFlatLandscape = computed(() => {
|
|
|
overflow: inherit;
|
|
|
|
|
|
.icon-down {
|
|
|
+
|
|
|
position: absolute;
|
|
|
top: 0;
|
|
|
transform: translateY(-100%);
|
|
|
@@ -902,4 +901,5 @@ const isFlatLandscape = computed(() => {
|
|
|
}
|
|
|
|
|
|
}
|
|
|
-}</style>
|
|
|
+}
|
|
|
+</style>
|