zt il y a 1 an
Parent
commit
c6777baeb9

BIN
nngkxxdp/src/main/resources/static/district/img/smewm.png


+ 30 - 4
nngkxxdp/src/main/resources/static/district/syDteail.html

@@ -70,6 +70,7 @@
             text-align: center;
             color: #000000;
             text-align: center;
+            margin-top: 20px;
         }
 
         .ewm .img-box {
@@ -100,6 +101,30 @@
             font-size: 28px;
             line-height: 53px !important;
         }
+
+        .open-bt {}
+
+        .open-bt .new {
+            display: inline-block;
+            width: 34px;
+            height: 20px;
+            background: #E02D31;
+            box-shadow: 0px 3px 5px 0px rgba(191, 38, 42, 0.26);
+            border-radius: 10px 10px 10px 0px;
+            font-size: 14px;
+            font-family: Microsoft YaHei;
+            font-weight: 400;
+            color: #FFFFFF;
+            transform: translateY(-27px);
+        }
+
+        .smewm {
+            position: absolute;
+            left: 50%;
+            top: 50%;
+            margin-left: -87.5px;
+            margin-top: -87.5px;
+        }
     </style>
 </head>
 
@@ -780,17 +805,18 @@
                         title: "",
                         offset: '100px',
                         content: `<div class="ewm" style="text-align:center">
-            <p>南岸区便民地图上新啦</p>
-            <img src="./img/ewm.png" style="width:560px;height:620px;"/></div>`
+            <p class="open-bt">南岸区便民地图上新啦<span class="new">new</span></p>
+            <img src="./img/ewm.png" style="width:560px;height:620px;margin-top: 25px;"/><img src="./img/smewm.png" class="smewm"/></div>`
                     });
                 },
                 content: `<div class="ewm">
-    <p>南岸区便民地图上新啦</p>
+    <p class="open-bt" style="margin-bottom:20px">南岸区便民地图上新啦<span class="new">new</span></p>
     <div class="img-box">
         <img class="img-item" src="./img/img-left.png" />
         <img class="img-item" src="./img/img-right.png" />
     </div>
-    <p>南岸区便民地图引导文案南岸区便民地图引导文案南岸区便民地图引导文案南岸区便民地图引导文案</p>
+    <p>南岸区便民地图15分钟生活圈功能上线啦,您可以在手机上查看附近1公里范围内全部的公共场所信息,欢迎体验使用。
+</p>
    </div>`
             })
         }

+ 52 - 29
nngkxxdp/src/main/resources/static/district2/syDteail.html

@@ -98,6 +98,28 @@
             font-size: 28px;
             line-height: 53px !important;
         }
+
+        .open-bt .new {
+            display: inline-block;
+            width: 34px;
+            height: 20px;
+            background: #E02D31;
+            box-shadow: 0px 3px 5px 0px rgba(191, 38, 42, 0.26);
+            border-radius: 10px 10px 10px 0px;
+            font-size: 14px;
+            font-family: Microsoft YaHei;
+            font-weight: 400;
+            color: #FFFFFF;
+            transform: translateY(-27px);
+        }
+
+        .smewm {
+            position: absolute;
+            left: 50%;
+            top: 50%;
+            margin-left: -87.5px;
+            margin-top: -87.5px;
+        }
 </style>
 <body>
 <div class="head layui-hide" style="display:none;">
@@ -753,35 +775,36 @@
 <script src="./js/browser.min.js"></script>
 <script id="_trs_ta_js" src="//ta.trs.cn/c/js/ta.js?mpid=3973" async="async" defer="defer"></script>
 <script type="text/javascript">
-    $('.first_erw').click(() => {
-        var index = layer.open({
-            type: 1,
-            title: "",
-            offset: '100px',
-            btn: ['立即体验'],
-            btnAlign: 'c',
-            btn1: function (index) {
-                layer.close(index);//关闭弹框
-                layer.open({
-                    type: 1,
-                    title: "",
-                    offset: '100px',
-                    content: `<div class="ewm" style="text-align:center">
-        <p>南岸区便民地图上新啦</p>
-        <img src="./img/ewm.png" style="width:560px;height:620px;"/></div>`
-                });
-            },
-            content: `<div class="ewm">
-<p>南岸区便民地图上新啦</p>
-<div class="img-box">
-    <img class="img-item" src="./img/img-left.png" />
-    <img class="img-item" src="./img/img-right.png" />
-</div>
-<p>南岸区便民地图引导文案南岸区便民地图引导文案南岸区便民地图引导文案南岸区便民地图引导文案</p>
-</div>`
-        })
-    }
-    )
+   $('.first_erw').click(() => {
+            var index = layer.open({
+                type: 1,
+                title: "",
+                offset: '100px',
+                btn: ['立即体验'],
+                btnAlign: 'c',
+                btn1: function (index) {
+                    layer.close(index);//关闭弹框
+                    layer.open({
+                        type: 1,
+                        title: "",
+                        offset: '100px',
+                        content: `<div class="ewm" style="text-align:center">
+            <p class="open-bt">南岸区便民地图上新啦<span class="new">new</span></p>
+            <img src="./img/ewm.png" style="width:560px;height:620px;margin-top: 25px;"/><img src="./img/smewm.png" class="smewm"/></div>`
+                    });
+                },
+                content: `<div class="ewm">
+    <p class="open-bt" style="margin-bottom:20px">南岸区便民地图上新啦<span class="new">new</span></p>
+    <div class="img-box">
+        <img class="img-item" src="./img/img-left.png" />
+        <img class="img-item" src="./img/img-right.png" />
+    </div>
+    <p>南岸区便民地图15分钟生活圈功能上线啦,您可以在手机上查看附近1公里范围内全部的公共场所信息,欢迎体验使用。
+</p>
+   </div>`
+            })
+        }
+        )
     // <div class="ljty"><img src="./img/ljty.png" alt=""></div>
 </script>
 </body>