From fc7f522524ff648c998d20e3a4c9f0421c9554ca Mon Sep 17 00:00:00 2001
From: yanran200730 <yanran200830@163.com>
Date: Mon, 15 Aug 2022 11:30:03 +0800
Subject: [PATCH] =?UTF-8?q?=E9=83=AB=E9=83=BD=E5=A4=A7=E5=B1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 project/dv/apps/components/PdGrid.vue | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

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