浏览代码

修改反馈问题新

zjm
等你 4 个月前
父节点
当前提交
7016d332dc

二进制
dev/static/images/weixin.png 查看文件


+ 25
- 3
src/pages/common/css/common.less 查看文件

637
                     top: 42px;
637
                     top: 42px;
638
                     left: 0px;
638
                     left: 0px;
639
                     width: 100%;
639
                     width: 100%;
640
-                    max-height: 120px;
640
+                    min-height: 120px;
641
+                    max-height: 280px;
641
                     overflow-y: auto;
642
                     overflow-y: auto;
642
                     background: #fff;
643
                     background: #fff;
643
                     color: #000;
644
                     color: #000;
756
                 position: absolute;
757
                 position: absolute;
757
                 bottom:40px;
758
                 bottom:40px;
758
                 right: -82px;
759
                 right: -82px;
759
-                background: url('../images/weixin.png') no-repeat;
760
-                background-size: 100%;
760
+                // background: url('../images/weixin.png') no-repeat;
761
+                // background-size: 100%;
761
                 opacity: 0;
762
                 opacity: 0;
762
                 clip-path: inset(0 0 100% 0);
763
                 clip-path: inset(0 0 100% 0);
763
                 transition: opacity 0.3s ease-in-out;
764
                 transition: opacity 0.3s ease-in-out;
765
+                img{
766
+                    width: 100%;
767
+                    display: block;
768
+                }
764
             }
769
             }
765
             &:hover{
770
             &:hover{
766
                 &>div{
771
                 &>div{
769
                 }
774
                 }
770
             }
775
             }
771
         }
776
         }
777
+        .wxShow{
778
+            div{
779
+                opacity: 1;
780
+                clip-path: inset(0 0 0 0);
781
+            }
782
+        }
772
         .iconfont{
783
         .iconfont{
773
             font-size: 24px;
784
             font-size: 24px;
774
             transition: all 0.3s ease;
785
             transition: all 0.3s ease;
793
 .chooseM{
804
 .chooseM{
794
     display: none;
805
     display: none;
795
 }
806
 }
807
+@media screen and (min-width: 1080px) and (max-width: 1480px) {
808
+    footer {
809
+        .footerIcon{
810
+            .weixin{
811
+                div{
812
+                    right: 0px;
813
+                }
814
+            }
815
+        }
816
+    }
817
+}
796
 @media screen and (min-width: 1080px) and (max-width: 1390px) {
818
 @media screen and (min-width: 1080px) and (max-width: 1390px) {
797
     .headerPC{
819
     .headerPC{
798
         padding: 0px 50px;
820
         padding: 0px 50px;

+ 21
- 0
src/pages/common/js/Common.js 查看文件

48
     logo.addEventListener("click", (e) => {
48
     logo.addEventListener("click", (e) => {
49
       window.requestUrl = './index.html';
49
       window.requestUrl = './index.html';
50
     });
50
     });
51
+    //锚点跳转
52
+    let url = new URL(window.location.href);
53
+    let anchor = url.hash.substring(1);
51
     
54
     
55
+    let element = document.getElementById(anchor);
56
+    if (element) {
57
+      element.scrollIntoView({ behavior: 'smooth' });
58
+    }
59
+    // 微信二维码
60
+    let wx=document.querySelector(".footerIcon .weixin");
61
+    wx.addEventListener("click", (e) => {
62
+      if(wx.classList.contains("wxShow")){
63
+        wx.classList.remove("wxShow");
64
+      }else{
65
+        wx.classList.add("wxShow");
66
+      }
67
+    });
68
+    document.onclick = function(e) {
69
+      if (wx && !wx.contains(e.target)) {
70
+        wx.classList.remove("wxShow");
71
+      }
72
+    };
52
   }
73
   }
53
   textAni(){
74
   textAni(){
54
     let mod = this.isMobile;
75
     let mod = this.isMobile;

+ 1
- 1
src/pages/common/tpl/footer.tpl 查看文件

92
     <div class="footerIcon">
92
     <div class="footerIcon">
93
         <div class="weixin">
93
         <div class="weixin">
94
             <span class="icon iconfont icon-weixin"></span>
94
             <span class="icon iconfont icon-weixin"></span>
95
-            <div></div>
95
+            <div><img src="./static/images/weixin.png" alt=""/></div>
96
         </div>
96
         </div>
97
     </div>
97
     </div>
98
     <div class="footerText"><a href="">法律声明</a><span></span><a href="">隐私政策</a><br>中泽集团版权所有 ZHONGZE GROUP COPYRIGHT <br>@ 2014-2024 <a href="https://beian.miit.gov.cn/#/Integrated/index">辽ICP备14015583号</a></div>
98
     <div class="footerText"><a href="">法律声明</a><span></span><a href="">隐私政策</a><br>中泽集团版权所有 ZHONGZE GROUP COPYRIGHT <br>@ 2014-2024 <a href="https://beian.miit.gov.cn/#/Integrated/index">辽ICP备14015583号</a></div>

+ 13
- 4
src/pages/index/App.js 查看文件

53
             // 如果需要分页器
53
             // 如果需要分页器
54
             pagination: {
54
             pagination: {
55
                 el: '.swiper-paginationB',
55
                 el: '.swiper-paginationB',
56
+                clickable :true,
56
             },
57
             },
57
             
58
             
58
             // 如果需要前进后退按钮
59
             // 如果需要前进后退按钮
105
     //产品轮播
106
     //产品轮播
106
     news() {
107
     news() {
107
         let mySwiper = new Swiper('.newsSwiper1', {
108
         let mySwiper = new Swiper('.newsSwiper1', {
108
-            autoplay: false,//可选选项,自动滑动
109
+            autoplay: true,//可选选项,自动滑动
109
             pagination: {
110
             pagination: {
110
                 el: '.swiper-pagination1',
111
                 el: '.swiper-pagination1',
112
+                clickable :true,
111
             }
113
             }
112
         });
114
         });
113
         let mySwiper2 = new Swiper('.newsSwiper2', {
115
         let mySwiper2 = new Swiper('.newsSwiper2', {
114
-            autoplay: false,//可选选项,自动滑动
116
+            autoplay: true,//可选选项,自动滑动
115
             pagination: {
117
             pagination: {
116
                 el: '.swiper-pagination2',
118
                 el: '.swiper-pagination2',
119
+                clickable :true,
117
             }
120
             }
118
         });
121
         });
119
         let mySwiper3 = new Swiper('.newsSwiper3', {
122
         let mySwiper3 = new Swiper('.newsSwiper3', {
120
-            autoplay: false,//可选选项,自动滑动
123
+            autoplay: true,//可选选项,自动滑动
121
             pagination: {
124
             pagination: {
122
                 el: '.swiper-pagination3',
125
                 el: '.swiper-pagination3',
126
+                clickable :true,
123
             }
127
             }
124
         });
128
         });
125
         let mySwiper4 = new Swiper('.newsSwiper4', {
129
         let mySwiper4 = new Swiper('.newsSwiper4', {
126
-            autoplay: false,//可选选项,自动滑动
130
+            autoplay: true,//可选选项,自动滑动
127
             pagination: {
131
             pagination: {
128
                 el: '.swiper-pagination4',
132
                 el: '.swiper-pagination4',
133
+                clickable :true,
129
             }
134
             }
130
         });
135
         });
131
         let newsCks = document.querySelectorAll(".newsCk");
136
         let newsCks = document.querySelectorAll(".newsCk");
133
         let newSwipers = document.querySelectorAll(".newsCon .swiper");
138
         let newSwipers = document.querySelectorAll(".newsCon .swiper");
134
         
139
         
135
         function masterShow(num){
140
         function masterShow(num){
141
+            mySwiper.slideTo(0);
142
+            mySwiper2.slideTo(0);
143
+            mySwiper3.slideTo(0);
144
+            mySwiper4.slideTo(0);
136
             newSwipers.forEach((item,index)=>{
145
             newSwipers.forEach((item,index)=>{
137
                 if(index==num){
146
                 if(index==num){
138
                     item.classList.add("newsShowSwiper");
147
                     item.classList.add("newsShowSwiper");

+ 3
- 1
src/pages/intoTime/index.less 查看文件

276
     // }
276
     // }
277
   }
277
   }
278
 }
278
 }
279
-
279
+footer{
280
+  z-index: 2;
281
+}
280
 
282
 
281
 @media screen and (min-width: 801px) and (max-width: 1400px) {
283
 @media screen and (min-width: 801px) and (max-width: 1400px) {
282
   
284
   

+ 14
- 3
src/pages/intoZz/index.less 查看文件

347
                 box-sizing: border-box;
347
                 box-sizing: border-box;
348
                 position: relative;
348
                 position: relative;
349
                 cursor: pointer;
349
                 cursor: pointer;
350
+                transition: all 0.3s ease-in-out;
350
                 &::before{
351
                 &::before{
351
                   content: '';
352
                   content: '';
352
                   position: absolute;
353
                   position: absolute;
358
                   background-size: 44px 18px;
359
                   background-size: 44px 18px;
359
                   transform: translateY(-50%);
360
                   transform: translateY(-50%);
360
                 }
361
                 }
362
+                &:hover{
363
+                  color: #B81C25;
364
+                }
361
               }
365
               }
362
               // .hasThree{
366
               // .hasThree{
363
               //   margin-top: 110px;
367
               //   margin-top: 110px;
367
               // }
371
               // }
368
               .hasFour{
372
               .hasFour{
369
                 cursor: pointer;
373
                 cursor: pointer;
374
+                &:hover{
375
+                  color: #B81C25;
376
+                }
370
               }
377
               }
371
               .twoSon{
378
               .twoSon{
372
                 width: calc(100% - 288px);
379
                 width: calc(100% - 288px);
428
                     padding-left: 20px;
435
                     padding-left: 20px;
429
                     box-sizing: border-box;
436
                     box-sizing: border-box;
430
                     position: relative;
437
                     position: relative;
438
+                    transition: all 0.3s ease-in-out;
431
                     &::before{
439
                     &::before{
432
                       content: '';
440
                       content: '';
433
                       position: absolute;
441
                       position: absolute;
589
                         height: 60px;
597
                         height: 60px;
590
                         background: rgba(216,218,219,0.2);
598
                         background: rgba(216,218,219,0.2);
591
                         border-radius: 10px;
599
                         border-radius: 10px;
592
-                        font-size: 20px;
593
-                        color: #666666;
600
+                        font-size: 16px;
601
+                        color: #999999;
594
                         cursor: pointer;
602
                         cursor: pointer;
595
                         padding-left: 20px;
603
                         padding-left: 20px;
596
                         box-sizing: border-box;
604
                         box-sizing: border-box;
597
                         position: relative;
605
                         position: relative;
598
                         border: 1px dashed #D8DADB;
606
                         border: 1px dashed #D8DADB;
599
                         line-height: 60px;
607
                         line-height: 60px;
608
+                        transition: all 0.3s ease-in-out;
600
                         &::before{
609
                         &::before{
601
                           content: '';
610
                           content: '';
602
                           position: absolute;
611
                           position: absolute;
608
                           background: url('./images/jtDw.jpg') no-repeat;
617
                           background: url('./images/jtDw.jpg') no-repeat;
609
                           background-size: 24px 18px;
618
                           background-size: 24px 18px;
610
                         }
619
                         }
611
-                        
620
+                        &:hover{
621
+                          color: #B81C25;
622
+                        }
612
                       }
623
                       }
613
                     }
624
                     }
614
                     .openSon{
625
                     .openSon{

+ 20
- 14
src/pages/join/index.less 查看文件

177
                         .btnjbg{
177
                         .btnjbg{
178
                             position: absolute;
178
                             position: absolute;
179
                             bottom: 0px;
179
                             bottom: 0px;
180
-                            left: -1px;
181
-                            right: 0px;
180
+                            width: 100%;
181
+                            height: 100%;
182
+                            border-radius: 50%;
183
+                            left: 0px;
182
                             top: 0px;
184
                             top: 0px;
183
                             background-color: #B81C25;
185
                             background-color: #B81C25;
184
-                            -webkit-clip-path: circle(0 at 50% 50%);
185
-                            clip-path: circle(0 at 50% 50%);
186
-                            transition: -webkit-clip-path 1.5s cubic-bezier(.19,1,.22,1);
187
-                            transition: clip-path 1.5s cubic-bezier(.19,1,.22,1);
188
-                            transition: clip-path 1.5s cubic-bezier(.19,1,.22,1), -webkit-clip-path 1.5s cubic-bezier(.19,1,.22,1);
189
-                            transition: clip-path 1.5s cubic-bezier(.19,1,.22,1), -webkit-clip-path 1.5s cubic-bezier(.19,1,.22,1);
186
+                            transition: all 1.5s cubic-bezier(.19,1,.22,1);
187
+                            transform: scale(0);
188
+                            transform-origin: center center;
189
+                            // -webkit-clip-path: circle(0 at 50% 50%);
190
+                            // clip-path: circle(0 at 50% 50%);
191
+                            // transition: -webkit-clip-path 1.5s cubic-bezier(.19,1,.22,1);
192
+                            // transition: clip-path 1.5s cubic-bezier(.19,1,.22,1);
193
+                            // transition: clip-path 1.5s cubic-bezier(.19,1,.22,1), -webkit-clip-path 1.5s cubic-bezier(.19,1,.22,1);
194
+                            // transition: clip-path 1.5s cubic-bezier(.19,1,.22,1), -webkit-clip-path 1.5s cubic-bezier(.19,1,.22,1);
190
                         }
195
                         }
191
                     }
196
                     }
192
                 }
197
                 }
251
                             display: none;
256
                             display: none;
252
                         }
257
                         }
253
                         .btnjbg{
258
                         .btnjbg{
254
-                            -webkit-clip-path: circle(50% at 50% 50%);
255
-                            clip-path: circle(50% at 50% 50%);
259
+                            // -webkit-clip-path: circle(50% at 50% 50%);
260
+                            // clip-path: circle(50% at 50% 50%);
261
+                            transform: scale(1);
256
                         }
262
                         }
257
                     }
263
                     }
258
                 }
264
                 }
581
                                 width: 8px;
587
                                 width: 8px;
582
                                 height: 2px;
588
                                 height: 2px;
583
                             }
589
                             }
584
-                            .btnjbg{
585
-                                -webkit-clip-path: circle(19px at 20px 20.5px);
586
-                                clip-path: circle(19px at 20px 20.5px);
587
-                            }
590
+                            // .btnjbg{
591
+                            //     -webkit-clip-path: circle(19px at 20px 20.5px);
592
+                            //     clip-path: circle(19px at 20px 20.5px);
593
+                            // }
588
                         }
594
                         }
589
                     }
595
                     }
590
                     .infoSonLi{
596
                     .infoSonLi{

正在加载...
取消
保存