Browse Source

feat: 水牌支持全屏点击

v1.0.1
jiannibang 3 years ago
parent
commit
f526458fc6
  1. 14
      src/views/Billboard/Billboard.vue

14
src/views/Billboard/Billboard.vue

@ -1,5 +1,9 @@
<template> <template>
<div class="billboard" :style="{ backgroundImage: theme.images.billboardBackgroundImg ? `url(${theme.images.billboardBackgroundImg})` : '' }">
<div
class="billboard"
@click="goPage({ title: '首页', path: '/index' })"
:style="{ backgroundImage: theme.images.billboardBackgroundImg ? `url(${theme.images.billboardBackgroundImg})` : '' }"
>
<div class="list-container" ref="listRef"> <div class="list-container" ref="listRef">
<div <div
class="list" class="list"
@ -38,10 +42,14 @@
<div class="meta">{{ remainingMinutes }}秒后切页</div> <div class="meta">{{ remainingMinutes }}秒后切页</div>
</div> </div>
</div> </div>
<div class="ip"></div>
<div class="ip" @click="goPage({ title: '首页', path: '/index' })"></div>
<div class="guide" @click="goPage({ title: '首页', path: '/index' })"></div> <div class="guide" @click="goPage({ title: '首页', path: '/index' })"></div>
<img src="./hand.png" @click="goPage({ title: '首页', path: '/index' })" class="hand animate__animated animate__heartBeat animate__infinite" alt="" /> <img src="./hand.png" @click="goPage({ title: '首页', path: '/index' })" class="hand animate__animated animate__heartBeat animate__infinite" alt="" />
<div class="header" :style="{ backgroundImage: `url(${isH ? theme.images.billboardHeaderBgH : theme.images.billboardHeaderBgV})` }">
<div
class="header"
@click="goPage({ title: '首页', path: '/index' })"
:style="{ backgroundImage: `url(${isH ? theme.images.billboardHeaderBgH : theme.images.billboardHeaderBgV})` }"
>
<div class="r1">当前位置 <img :src="theme.images.billboardLoc" alt="" /></div> <div class="r1">当前位置 <img :src="theme.images.billboardLoc" alt="" /></div>
<div class="r2">{{ bf }}</div> <div class="r2">{{ bf }}</div>
<div class="r3"></div> <div class="r3"></div>

Loading…
Cancel
Save