kubbo/dvcp_v2_webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

郫都大屏

Browse Source
This commit is contained in:
yanran200730
2022-08-15 11:30:03 +08:00
parent 418cc69634
commit fc7f522524
1 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
project/dv/apps/components/PdGrid.vue
View File

@@ -36,7 +36,7 @@
<div class="grid-dialog" v-show="isShowGrid2"> <div class="grid-dialog" v-show="isShowGrid2">
<div class="mask" @click="isShowGrid2 = false"></div> <div class="mask" @click="isShowGrid2 = false"></div>
<div class="grid-container"> <div class="grid-container">
<h2>{{ girdName2 }}</h2> <h2 :title="girdName2">{{ girdName2 }}</h2>
<div class="grid-list"> <div class="grid-list">
<div <div
:class="[currIndex2 === index ? 'grid-active' : '']" :class="[currIndex2 === index ? 'grid-active' : '']"
@@ -54,7 +54,7 @@
<div class="grid-dialog" v-show="isShowGrid3"> <div class="grid-dialog" v-show="isShowGrid3">
<div class="mask" @click="isShowGrid3 = false"></div> <div class="mask" @click="isShowGrid3 = false"></div>
<div class="grid-container"> <div class="grid-container">
<h2>{{ girdName3 }}</h2> <h2 :title="girdName3">{{ girdName3 }}</h2>
<div class="grid-list"> <div class="grid-list">
<div <div
:class="[currIndex3 === index ? 'grid-active' : '']" :class="[currIndex3 === index ? 'grid-active' : '']"
@@ -72,7 +72,7 @@
<div class="grid-dialog" v-show="isShowGrid4"> <div class="grid-dialog" v-show="isShowGrid4">
<div class="mask" @click="isShowGrid4 = false"></div> <div class="mask" @click="isShowGrid4 = false"></div>
<div class="grid-container"> <div class="grid-container">
<h2>{{ girdName4 }}</h2> <h2 :title="girdName4">{{ girdName4 }}</h2>
<div class="grid-list"> <div class="grid-list">
<div <div
:class="[currIndex4 === index ? 'grid-active' : '']" :class="[currIndex4 === index ? 'grid-active' : '']"
@@ -90,7 +90,7 @@
<div class="grid-dialog" v-show="isShowGrid5"> <div class="grid-dialog" v-show="isShowGrid5">
<div class="mask" @click="isShowGrid5 = false"></div> <div class="mask" @click="isShowGrid5 = false"></div>
<div class="grid-container"> <div class="grid-container">
<h2>{{ girdName5 }}</h2> <h2 :title="girdName5">{{ girdName5 }}</h2>
<div class="grid-list"> <div class="grid-list">
<div <div
:class="[currIndex5 === index ? 'grid-active' : '']" :class="[currIndex5 === index ? 'grid-active' : '']"
@@ -299,7 +299,7 @@
position: absolute; position: absolute;
top: 200px; top: 200px;
left: 50%; left: 50%;
width: 640px; min-width: 640px;
height: 80px; height: 80px;
line-height: 80px; line-height: 80px;
text-align: center; text-align: center;
@@ -309,7 +309,8 @@
h2 { h2 {
color: #FFFFFF; color: #FFFFFF;
font-size: 32px; font-size: 22px;
white-space: nowrap;
text-shadow: 0px 0px 13px rgb(59 182 255 / 80%); text-shadow: 0px 0px 13px rgb(59 182 255 / 80%);
background: #fff; background: #fff;
-webkit-background-clip: text; -webkit-background-clip: text;
@@ -434,9 +435,13 @@
width: 100%; width: 100%;
height: 67px; height: 67px;
line-height: 67px; line-height: 67px;
padding: 0 20px;
text-align: center; text-align: center;
color: #FFFFFF; color: #FFFFFF;
font-size: 27px; font-size: 24px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-shadow: 0px 0px 13px rgb(59 182 255 / 80%); text-shadow: 0px 0px 13px rgb(59 182 255 / 80%);
background: url(https://cdn.cunwuyun.cn/dvcp/dv/pddv/grid-title-bg.png) no-repeat center; background: url(https://cdn.cunwuyun.cn/dvcp/dv/pddv/grid-title-bg.png) no-repeat center;
background-size: 100% 100%; background-size: 100% 100%;