From 43976b674a5cb8ffbddbca3753780b3bcab0a8ac Mon Sep 17 00:00:00 2001
From: yanran200730 <yanran200830@163.com>
Date: Wed, 10 Aug 2022 16:49:28 +0800
Subject: [PATCH] bug

---
 project/dv/apps/components/PdGrid.vue | 27 ++++++++++++++++++++++++++-
 1 file changed, 26 insertions(+), 1 deletion(-)

diff --git a/project/dv/apps/components/PdGrid.vue b/project/dv/apps/components/PdGrid.vue
index 7e8a0a4e..1e9d7397 100644
--- a/project/dv/apps/components/PdGrid.vue
+++ b/project/dv/apps/components/PdGrid.vue
@@ -3,6 +3,9 @@
     <div class="pdgrid-title">
       <h2>幸福郫都微网实格架构</h2>
     </div>
+    <div class="pdgrid-grid__title">
+      <h2>郫都某街道</h2>
+    </div>
     <div class="pdgrid-body">
       <div class="pdgrid-body__item">
         <h2>240</h2>
@@ -71,6 +74,28 @@
       box-sizing: border-box;
     }
 
+    .pdgrid-grid__title {
+      position: absolute;
+      top: 40px;
+      left: 50%;
+      width: 271px;
+      height: 53px;
+      line-height: 53px;
+      text-align: center;
+      background: url(https://cdn.cunwuyun.cn/dvcp/dv/pddv/grid-title-sbg.png) no-repeat center;
+      background-size: 100% 100%;
+      transform: translateX(-50%);
+
+      h2 {
+        color: #FFFFFF;
+        font-size: 21px;
+        text-shadow: 0px 0px 13px rgb(59 182 255 / 80%);
+        background: #fff;
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+      }
+    }
+
     .pdgrid-title {
       position: absolute;
       top: 220px;
@@ -97,7 +122,7 @@
       display: flex;
       position: absolute;
       justify-content: space-between;
-      bottom: 220px;
+      bottom: 200px;
       left: 0;
       width: 100%;
       padding: 0 112px;