zhongze
/
zhongze-front
Tarkkaile 5
Äänestä 0
Fork 0
Koodi Ongelmat 0 Pull-pyynnöt 0 Julkaisut 0 Wiki Activity
Selaa lähdekoodia

Merge branch 'zjm'

zjm
等你 4 kuukautta sitten
vanhempi
baa0955944 ba8ffc56ff
commit
b8517f34bc
14 muutettua tiedostoa jossa 708 lisäystä ja 4 poistoa
Jaettu näkymä Näytä diff tilastot
  1. 39
    0
      src/pages/joinDetail/App.js
  2. 39
    0
      src/pages/joinDetail/index.html
  3. 15
    0
      src/pages/joinDetail/index.js
  4. 120
    0
      src/pages/joinDetail/index.less
  5. 39
    0
      src/pages/joinList/App.js
  6. 80
    0
      src/pages/joinList/index.html
  7. 15
    0
      src/pages/joinList/index.js
  8. 243
    0
      src/pages/joinList/index.less
  9. 39
    0
      src/pages/kong/App.js
  10. 22
    0
      src/pages/kong/index.html
  11. 15
    0
      src/pages/kong/index.js
  12. 38
    0
      src/pages/kong/index.less
  13. 3
    3
      src/pages/product/index.less
  14. 1
    1
      src/pages/productDec1/index.less

+ 39
- 0
src/pages/joinDetail/App.js Näytä tiedosto 

@@ -0,0 +1,39 @@
1 
+import Swiper from 'swiper/bundle'
2 
+import gsap from 'gsap'
3 
+import LocomotiveScroll from 'locomotive-scroll';
4 
+import Common from '../common/js/Common'
5 
+import {
6 
+    isMobile
7 
+} from '../common/js/utils'
8 
+
9 
+export default class App {
10 
+    constructor() {
11 
+        let common = new Common(document.querySelector('.main'),5)   //导航菜单高亮，0是首页，后面的按顺序添加
12 
+        this.isMobile = isMobile()
13 
+
14 
+        this.scroll = new LocomotiveScroll();
15 
+        // 图片及视频资源懒加载。防止阻塞js执行
16 
+        let lazyDoms = document.querySelectorAll(".lazy");
17 
+        let isMob=this.isMobile;
18 
+        lazyDoms.forEach((item) => {
19 
+            if (item.nodeName == "PICTURE") {
20 
+                item.children[0].setAttribute("srcset", item.children[0].dataset.srcset);
21 
+                item.children[1].setAttribute("src", item.children[1].dataset.src);
22 
+            }
23 
+            if (item.nodeName == "IMG") {
24 
+                if(isMob){item.setAttribute("src", item.dataset.srcm);}
25 
+                else{
26 
+                    item.setAttribute("src", item.dataset.src);
27 
+                }
28 
+
29 
+            }
30 
+            if (item.nodeName == "VIDEO") {
31 
+                console.log(item, 'item---2')
32 
+                item.setAttribute("src", item.dataset.src);
33 
+                // item.load();
34 
+            }
35 
+        });
36 
+    }
37 
+
38 
+
39 
+}

+ 39
- 0
src/pages/joinDetail/index.html Näytä tiedosto 

@@ -0,0 +1,39 @@
1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+  <head>
4 
+    <meta charset="utf-8" />
5 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
6 
+    <title>招标信息-加入中泽</title>
7 
+    <meta name="description" content=""/>
8 
+    <meta name="Keywords" content=""/>
9 
+    <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport" />
10 
+    <%= require('../common/tpl/headerLink.tpl') %>
11 
+  </head>
12 
+
13 
+  <body>
14 
+    <%= require('../common/tpl/header.tpl') %>
15 
+
16 
+    <div class="main">
17 
+      <div class="content">
18 
+        <div class="conUp">
19 
+          <span class="time">发稿时间：2024-11-04 16:56:34</span>
20 
+          <span>来源：中泽集团</span>
21 
+          <span class="num">浏览次数：227</span>
22 
+        </div>
23 
+        <div class="conTxt">
24 
+          <div class="title">2024年集团科技人机对抗项目比选公告</div>
25 
+          <div class="text">中泽控股集团有限公司总部2024年集团科技人机对抗项目将于2024年8月2日17时30分开始进行采购项目供应商比选，请接到短信或邮件通知的供应商及时登陆申泽供应链管理平台https://tip.taikang.com下载比选文件。</div>
26 
+          <div class="text">请参选应等人务必于【2024年08月12日08时00分】前完成比选应客文件的制作、上传并进行报价。</div>
27 
+          <div class="text">请应答人务必使用谷歌或IE(版本要求11及以上)浏览器进行系统登录，请访问中泽供应链管理平台浏览相关操作说明。</div>
28 
+          <div class="text textRight">中泽控股集团有限公司总部</div>
29 
+        </div>
30 
+        <div class="conDwn">
31 
+          <div><a href="">上一篇：中泽集团与内蒙古自治区工信厅签署战略合作协议</a></div>
32 
+          <div><a href="">下一篇：中泽集团总经理鞠自力出席中国炭素行业协会七届五次会员大会并作报告</a></div>
33 
+        </div>
34 
+      </div>
35 
+    </div>
36 
+    <%= require('../common/tpl/footer.tpl') %>
37 
+    <!-- <%= require('../common/tpl/bottomBar.tpl') %> -->
38 
+  </body>
39 
+</html>

+ 15
- 0
src/pages/joinDetail/index.js Näytä tiedosto 

@@ -0,0 +1,15 @@
1 
+import "./../common/css/common.less";
2 
+import "./index.less";
3 
+import vhCheck from "vh-check"; //移动端浏览器100vh高度不一致
4 
+import App from './App.js';
5 
+
6 
+// swiper的css目前环境解析不出来，放static下，不走webpack
7 
+//import 'swiper/swiper-bundle.css';
8 
+
9 
+vhCheck();
10 
+//禁止浏览器刷新后回到上一个页面滚动位置
11 
+if ('scrollRestoration' in history) {
12 
+    history.scrollRestoration = 'manual';
13 
+}
14 
+
15 
+new App();

+ 120
- 0
src/pages/joinDetail/index.less Näytä tiedosto 

@@ -0,0 +1,120 @@
1 
+
2 
+//pc端样式
3 
+.main {
4 
+    width: 100%;
5 
+    max-width: 1920px;
6 
+    margin: 0 auto;
7 
+    padding-top: 71px;
8 
+    text-align: center;
9 
+}
10 
+.content{
11 
+  width: 100%;
12 
+  padding-top: 80px;
13 
+  max-width: 1300px;
14 
+  margin: 0px auto;
15 
+  text-align: left;
16 
+  font-size: 18px;
17 
+  line-height: normal;
18 
+  .conUp{
19 
+    padding-bottom: 20px;
20 
+    border-bottom: 1px solid #DDE2E6;
21 
+    span{
22 
+      display: inline-block;
23 
+      margin-right: 60px;
24 
+    }
25 
+  }
26 
+  .conTxt{
27 
+    padding-top: 80px;
28 
+    padding-bottom: 85px;
29 
+    border-bottom: 1px solid #DDE2E6;
30 
+    text-align: center;
31 
+    .title{
32 
+      font-size: 40px;
33 
+      line-height: normal;
34 
+      margin-bottom: 80px;
35 
+    }
36 
+    .text{
37 
+      margin-bottom: 30px;
38 
+      text-align: left;
39 
+    }
40 
+    .textRight{
41 
+      text-align: right;
42 
+    }
43 
+    img{
44 
+      max-width: 100%;
45 
+      margin: 10px auto;
46 
+      display: inline-block;
47 
+    }
48 
+  }
49 
+  .conDwn{
50 
+    padding-bottom: 120px;
51 
+    &>div{
52 
+      margin-top: 40px;
53 
+    }
54 
+    a{
55 
+      transition: all .3s ease;
56 
+      &:hover{
57 
+        color: #B81C25;
58 
+      }
59 
+    }
60 
+  }
61 
+}
62 
+
63 
+
64 
+@media screen and (min-width: 801px) and (max-width: 1400px) {
65 
+
66 
+}
67 
+@media screen and (min-width:800px){
68 
+
69 
+}
70 
+.mTxt{
71 
+  display: none;
72 
+}
73 
+//移动端样式
74 
+@media screen and (max-width:800px) {
75 
+  .pcTxt{
76 
+    display: none;
77 
+  }
78 
+  .mTxt{
79 
+    display: block;
80 
+  }
81 
+  .main{
82 
+    padding-top: 61px;
83 
+  }
84 
+  .content {
85 
+    font-size: 16px;
86 
+    box-sizing: border-box;
87 
+    padding: 60px 15px 0px;
88 
+    .conUp{
89 
+      span{
90 
+        width: 48%;
91 
+        margin-right: 0px;
92 
+      }
93 
+      .time{
94 
+        width: 100%;
95 
+        margin-bottom: 10px;
96 
+      }
97 
+      .num{
98 
+        text-align: right;
99 
+      }
100 
+    }
101 
+    .conTxt{
102 
+      padding-top: 40px;
103 
+      padding-bottom: 45px;
104 
+      .title{
105 
+        font-size: 24px;
106 
+        margin-bottom: 40px;
107 
+      }
108 
+      .text{
109 
+        margin-bottom: 15px;
110 
+      }
111 
+    }
112 
+    .conDwn{
113 
+      padding-bottom: 60px;
114 
+      font-size: 14px;
115 
+      &>div{
116 
+        margin-top: 20px;
117 
+      }
118 
+    }
119 
+  }
120 
+}

+ 39
- 0
src/pages/joinList/App.js Näytä tiedosto 

@@ -0,0 +1,39 @@
1 
+import Swiper from 'swiper/bundle'
2 
+import gsap from 'gsap'
3 
+import LocomotiveScroll from 'locomotive-scroll';
4 
+import Common from '../common/js/Common'
5 
+import {
6 
+    isMobile
7 
+} from '../common/js/utils'
8 
+
9 
+export default class App {
10 
+    constructor() {
11 
+        let common = new Common(document.querySelector('.main'),5)   //导航菜单高亮，0是首页，后面的按顺序添加
12 
+        this.isMobile = isMobile()
13 
+
14 
+        this.scroll = new LocomotiveScroll();
15 
+        // 图片及视频资源懒加载。防止阻塞js执行
16 
+        let lazyDoms = document.querySelectorAll(".lazy");
17 
+        let isMob=this.isMobile;
18 
+        lazyDoms.forEach((item) => {
19 
+            if (item.nodeName == "PICTURE") {
20 
+                item.children[0].setAttribute("srcset", item.children[0].dataset.srcset);
21 
+                item.children[1].setAttribute("src", item.children[1].dataset.src);
22 
+            }
23 
+            if (item.nodeName == "IMG") {
24 
+                if(isMob){item.setAttribute("src", item.dataset.srcm);}
25 
+                else{
26 
+                    item.setAttribute("src", item.dataset.src);
27 
+                }
28 
+
29 
+            }
30 
+            if (item.nodeName == "VIDEO") {
31 
+                console.log(item, 'item---2')
32 
+                item.setAttribute("src", item.dataset.src);
33 
+                // item.load();
34 
+            }
35 
+        });
36 
+    }
37 
+
38 
+
39 
+}

+ 80
- 0
src/pages/joinList/index.html Näytä tiedosto 

@@ -0,0 +1,80 @@
1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+  <head>
4 
+    <meta charset="utf-8" />
5 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
6 
+    <title>招标文件-加入中泽</title>
7 
+    <meta name="description" content=""/>
8 
+    <meta name="Keywords" content=""/>
9 
+    <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport" />
10 
+    <%= require('../common/tpl/headerLink.tpl') %>
11 
+  </head>
12 
+
13 
+  <body>
14 
+    <%= require('../common/tpl/header.tpl') %>
15 
+
16 
+    <div class="main">
17 
+      <div class="title">招标文件</div>
18 
+      <div class="list">
19 
+        <div class="newsType">
20 
+          <a class="newsLi" href="">
21 
+            <div class="timer">
22 
+              <div class="timerData">10</div>
23 
+              <div>24-12</div>
24 
+            </div>
25 
+              <div class="newsLiCon">
26 
+                <div class="liTitle">2024年集团科技人机对抗项目比选公告</div>
27 
+                <div class="licon">为深化城市安全韧性提升行动，推进数字化、网络化、智能化新型城市基础设施建设，打造承受适应能力强、恢复速度快的韧性城市，增强城市</div>
28 
+              </div>
29 
+          </a>
30 
+          <a class="newsLi" href="">
31 
+            <div class="timer">
32 
+              <div class="timerData">06</div>
33 
+              <div>24-12</div>
34 
+            </div>
35 
+            <div class="newsLiCon">
36 
+              <div class="liTitle">2024年集团品牌 75周年国庆串烧歌曲项目比选公告</div>
37 
+              <div class="licon">国家能源局近期发布《关于支持电力领域新型经营主体创新发展的指导意见》（以下简称《指导意见》），国家能源局有关负责同志接受采访，</div>
38 
+            </div>
39 
+          </a>
40 
+          <a class="newsLi" href="">
41 
+            <div class="timer">
42 
+              <div class="timerData">06</div>
43 
+              <div>24-12</div>
44 
+            </div>
45 
+            <div class="newsLiCon">
46 
+              <div class="liTitle">2024年集团科技项目管理工具(PPM)-文档模块采购事项项目比选公告</div>
47 
+              <div class="licon">2022年3月，国家发改委、能源局联合印发了《氢能产业发展中长期规划2021-2035》，从国家层面为氢能产业制定了顶层设计。</div>
48 
+            </div>
49 
+          </a>
50 
+          <a class="newsLi" href="">
51 
+            <div class="timer">
52 
+              <div class="timerData">06</div>
53 
+              <div>24-12</div>
54 
+            </div>
55 
+            <div class="newsLiCon">
56 
+              <div class="liTitle">2024年集团品牌绩优IP打造项目比选公告</div>
57 
+              <div class="licon">国家能源局关于印发《电网安全风险管控办法》的通知  各省（自治区、直辖市）能源局，有关省（自治区、直辖市）及新疆生产建设兵团发</div>
58 
+            </div>
59 
+          </a>
60 
+        </div>
61 
+      </div>
62 
+      <div class="pages">
63 
+          <a class="item prev disableBtn iconfont icon-jiantou" href="./news_012.html#newsPos"></a>
64 
+          <div class="pageList">
65 
+              <a class="item pageItem" href="./news_011.html#newsPos">1</a>
66 
+              <a class="item pageItem" href="./news_012.html#newsPos">2</a>
67 
+              <a class="item pageItem curPageItem" href="./news_013.html#newsPos">3</a>
68 
+              <a class="item pageItem" href="./news_014.html#newsPos">4</a>
69 
+              <a class="item pageItem" href="./news_015.html#newsPos">5</a>
70 
+          </div>
71 
+          <span class="item space">...</span>
72 
+          <a class="item last" href="./news_0135.html#newsPos">35</a>
73 
+          <a class="item next iconfont icon-jiantou" href="./news_014.html#newsPos"></a>
74 
+      </div>
75 
+      <a class="pageNext mTxt">加载更多<span class="iconfont icon-jiantou"></span></a>
76 
+    </div>
77 
+    <%= require('../common/tpl/footer.tpl') %>
78 
+    <!-- <%= require('../common/tpl/bottomBar.tpl') %> -->
79 
+  </body>
80 
+</html>

+ 15
- 0
src/pages/joinList/index.js Näytä tiedosto 

@@ -0,0 +1,15 @@
1 
+import "./../common/css/common.less";
2 
+import "./index.less";
3 
+import vhCheck from "vh-check"; //移动端浏览器100vh高度不一致
4 
+import App from './App.js';
5 
+
6 
+// swiper的css目前环境解析不出来，放static下，不走webpack
7 
+//import 'swiper/swiper-bundle.css';
8 
+
9 
+vhCheck();
10 
+//禁止浏览器刷新后回到上一个页面滚动位置
11 
+if ('scrollRestoration' in history) {
12 
+    history.scrollRestoration = 'manual';
13 
+}
14 
+
15 
+new App();

+ 243
- 0
src/pages/joinList/index.less Näytä tiedosto 

@@ -0,0 +1,243 @@
1 
+
2 
+//pc端样式
3 
+.main {
4 
+    width: 100%;
5 
+    max-width: 1920px;
6 
+    margin: 0 auto;
7 
+    padding-top: 71px;
8 
+    &>.title{
9 
+        font-size: 60px;
10 
+        text-align: center;
11 
+        padding-top: 110px;
12 
+    }
13 
+}
14 
+.list{
15 
+  width: 100%;
16 
+  text-align: center;
17 
+  padding-top: 43px;
18 
+  max-width: 1300px;
19 
+  margin: 0 auto;
20 
+  .newsType{
21 
+    width: 100%;
22 
+    padding-bottom: 83px;
23 
+    .newsLi{
24 
+      width: 100%;
25 
+      display: flex;
26 
+      justify-content: space-between;
27 
+      padding-bottom: 37px;
28 
+      border-bottom: 1px dotted #acacac5e;
29 
+      padding-top: 37px;
30 
+      transition: all 0.3s ease-in-out;
31 
+      &:last-child{
32 
+        border-bottom: 0px dotted #ACACAC;
33 
+      }
34 
+      .timer{
35 
+        width: 65px;
36 
+        height: 66px;
37 
+        border-radius: 8px;
38 
+        border: 1px solid #A7A5A5;
39 
+        text-align: center;
40 
+        font-size: 12px;
41 
+        padding: 0px 12px 0;
42 
+        box-sizing: border-box;
43 
+        .timerData{
44 
+          font-size: 26px;
45 
+          color: #b81c25;
46 
+          border-bottom: 1px solid #b81c25;
47 
+          padding-bottom: 3px;
48 
+          margin-bottom: 3px;
49 
+          line-height: 30px;
50 
+          padding-top: 4px;
51 
+        }
52 
+      }
53 
+      .newsLiCon{
54 
+        width: calc(100% - 80px);
55 
+        font-size: 18px;
56 
+        text-align: left;
57 
+        &>div{
58 
+          overflow: hidden;
59 
+          white-space: nowrap;
60 
+          width: 100%;
61 
+          height: 24px;
62 
+          text-overflow: ellipsis;
63 
+        }
64 
+        .liTitle{
65 
+          color: #231F20;
66 
+          font-weight: 500;
67 
+          margin-bottom: 8px;
68 
+          padding-top: 6px;
69 
+          transition: all 0.3s ease-in-out;
70 
+        }
71 
+        .licon{
72 
+          font-weight: 400;
73 
+          color: #999999;
74 
+          font-size: 16px;
75 
+        }
76 
+      }
77 
+      &:hover{
78 
+        background: #EFEFEF;
79 
+        .newsLiCon{
80 
+            .liTitle{
81 
+                color: #B81C25;
82 
+            }
83 
+        }
84 
+      }
85 
+    }
86 
+   }
87 
+}
88 
+.pages {
89 
+    margin: 0px 0 120px;
90 
+    display: table;
91 
+    margin-left: auto;
92 
+    margin-right: auto;
93 
+    color: #fff;
94 
+    .item {
95 
+        width: 40px;
96 
+        height: 40px;
97 
+        line-height: 40px;
98 
+        float: left;
99 
+        text-align: center;
100 
+        box-sizing: border-box;
101 
+        color: #000;
102 
+        border: 1px solid #DDE2E6;
103 
+        border-radius: 2px;
104 
+        transition: all 0.3s ease-in-out;
105 
+      }
106 
+      .prev {
107 
+        margin-right: 15px;
108 
+        border: 1px solid #041954;
109 
+        border-radius: 4px;
110 
+        transform: rotate(-90deg);
111 
+        font-size: 20px;
112 
+      }
113 
+      .next {
114 
+        margin-left: 15px;
115 
+        border-radius: 4px;
116 
+        border: 1px solid #041954;
117 
+        transform: rotate(90deg);
118 
+        font-size: 20px;
119 
+      }
120 
+      .prev:hover,
121 
+      .next:hover {
122 
+        border-color: #B81C25;
123 
+        background-color: #B81C25;
124 
+        color: #fff;
125 
+      }
126 
+      .disableBtn {
127 
+        opacity: 0.5;
128 
+        cursor: default;
129 
+      }
130 
+      .disableBtn:hover {
131 
+        border-color: #041954;
132 
+        background-color: transparent;
133 
+        color: #000;
134 
+      }
135 
+      .first {
136 
+        float: left;
137 
+      }
138 
+      .space {
139 
+        color: #999999;
140 
+        float: left;
141 
+        letter-spacing: 1px;
142 
+        line-height: 30px;
143 
+        margin-left: 5px;
144 
+        margin-right: 5px;
145 
+      }
146 
+      .last{
147 
+        margin-left: 5px;
148 
+      }
149 
+      .pageList {
150 
+        float: left;
151 
+      }
152 
+      .pageItem {
153 
+        float: left;
154 
+        margin-left: 5px;
155 
+        margin-right: 5px;
156 
+      }
157 
+      .curPageItem,
158 
+      .pageItem:hover,
159 
+      .first:hover,
160 
+      .last:hover {
161 
+        color: #fff;
162 
+        background-color: #B81C25;
163 
+        float: left;
164 
+      }
165 
+      .curPageItem {
166 
+        cursor: default;
167 
+      }
168 
+  }
169 
+
170 
+  .partContent h2 {
171 
+    color: white;
172 
+    border-bottom: 1px solid #fff;
173 
+    font-size: 60px;
174 
+  }
175 
+
176 
+
177 
+@media screen and (min-width: 801px) and (max-width: 1400px) {
178 
+
179 
+}
180 
+@media screen and (min-width:800px){
181 
+
182 
+}
183 
+.mTxt{
184 
+  display: none;
185 
+}
186 
+//移动端样式
187 
+@media screen and (max-width:800px) {
188 
+  .pcTxt{
189 
+    display: none;
190 
+  }
191 
+  .mTxt{
192 
+    display: block;
193 
+  }
194 
+  .main{
195 
+    padding-top: 61px;
196 
+    &>.title{
197 
+        padding-top: 80px;
198 
+        box-sizing: border-box;
199 
+        font-size: 24px;
200 
+        line-height: normal;
201 
+    }
202 
+  }
203 
+  .list {
204 
+        width: 100%;
205 
+        box-sizing: border-box;
206 
+        padding: 0px 15px;
207 
+        .newsType {
208 
+            padding-top: 20px;
209 
+            padding-bottom: 20px;
210 
+            .newsLi{
211 
+                padding-bottom: 20px;
212 
+                padding-top: 20px;
213 
+                .newsLiCon{
214 
+                    font-size: 14px;
215 
+                    .licon{
216 
+                        font-size: 12px;
217 
+                    }
218 
+                }
219 
+            }
220 
+        }
221 
+    }
222 
+    .pages{
223 
+        display: none;
224 
+
225 
+    }
226 
+    .pageNext{
227 
+        color: #B81C25;
228 
+        width: 120px;
229 
+        margin: 0px auto;
230 
+        text-align: center;
231 
+        font-size: 12px;
232 
+        margin-bottom: 60px;
233 
+        .iconfont{
234 
+            transform: rotate(180deg);
235 
+            display: inline-block;
236 
+            font-size: 16px;
237 
+            position: relative;
238 
+            top: 2px;
239 
+        }
240 
+    }
241 
+
242 
+
243 
+}

+ 39
- 0
src/pages/kong/App.js Näytä tiedosto 

@@ -0,0 +1,39 @@
1 
+import Swiper from 'swiper/bundle'
2 
+import gsap from 'gsap'
3 
+import LocomotiveScroll from 'locomotive-scroll';
4 
+import Common from '../common/js/Common'
5 
+import {
6 
+    isMobile
7 
+} from '../common/js/utils'
8 
+
9 
+export default class App {
10 
+    constructor() {
11 
+        let common = new Common(document.querySelector('.main'),5)   //导航菜单高亮，0是首页，后面的按顺序添加
12 
+        this.isMobile = isMobile()
13 
+
14 
+        this.scroll = new LocomotiveScroll();
15 
+        // 图片及视频资源懒加载。防止阻塞js执行
16 
+        let lazyDoms = document.querySelectorAll(".lazy");
17 
+        let isMob=this.isMobile;
18 
+        lazyDoms.forEach((item) => {
19 
+            if (item.nodeName == "PICTURE") {
20 
+                item.children[0].setAttribute("srcset", item.children[0].dataset.srcset);
21 
+                item.children[1].setAttribute("src", item.children[1].dataset.src);
22 
+            }
23 
+            if (item.nodeName == "IMG") {
24 
+                if(isMob){item.setAttribute("src", item.dataset.srcm);}
25 
+                else{
26 
+                    item.setAttribute("src", item.dataset.src);
27 
+                }
28 
+
29 
+            }
30 
+            if (item.nodeName == "VIDEO") {
31 
+                console.log(item, 'item---2')
32 
+                item.setAttribute("src", item.dataset.src);
33 
+                // item.load();
34 
+            }
35 
+        });
36 
+    }
37 
+
38 
+
39 
+}

+ 22
- 0
src/pages/kong/index.html Näytä tiedosto 

@@ -0,0 +1,22 @@
1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+  <head>
4 
+    <meta charset="utf-8" />
5 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
6 
+    <title>招标文件-加入中泽</title>
7 
+    <meta name="description" content=""/>
8 
+    <meta name="Keywords" content=""/>
9 
+    <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport" />
10 
+    <%= require('../common/tpl/headerLink.tpl') %>
11 
+  </head>
12 
+
13 
+  <body>
14 
+    <%= require('../common/tpl/header.tpl') %>
15 
+
16 
+    <div class="main">
17 
+
18 
+    </div>
19 
+    <%= require('../common/tpl/footer.tpl') %>
20 
+    <!-- <%= require('../common/tpl/bottomBar.tpl') %> -->
21 
+  </body>
22 
+</html>

+ 15
- 0
src/pages/kong/index.js Näytä tiedosto 

@@ -0,0 +1,15 @@
1 
+import "./../common/css/common.less";
2 
+import "./index.less";
3 
+import vhCheck from "vh-check"; //移动端浏览器100vh高度不一致
4 
+import App from './App.js';
5 
+
6 
+// swiper的css目前环境解析不出来，放static下，不走webpack
7 
+//import 'swiper/swiper-bundle.css';
8 
+
9 
+vhCheck();
10 
+//禁止浏览器刷新后回到上一个页面滚动位置
11 
+if ('scrollRestoration' in history) {
12 
+    history.scrollRestoration = 'manual';
13 
+}
14 
+
15 
+new App();

+ 38
- 0
src/pages/kong/index.less Näytä tiedosto 

@@ -0,0 +1,38 @@
1 
+
2 
+//pc端样式
3 
+.main {
4 
+    width: 100%;
5 
+    max-width: 1920px;
6 
+    margin: 0 auto;
7 
+    padding-top: 71px;
8 
+    position: relative;
9 
+}
10 
+.desCon{
11 
+  width: 100%;
12 
+  text-align: center;
13 
+  padding-top: 120px;
14 
+}
15 
+
16 
+
17 
+@media screen and (min-width: 801px) and (max-width: 1400px) {
18 
+
19 
+}
20 
+@media screen and (min-width:800px){
21 
+
22 
+}
23 
+.mTxt{
24 
+  display: none;
25 
+}
26 
+//移动端样式
27 
+@media screen and (max-width:800px) {
28 
+  .pcTxt{
29 
+    display: none;
30 
+  }
31 
+  .mTxt{
32 
+    display: block;
33 
+  }
34 
+  .main{
35 
+    padding-top: 61px;
36 
+  }
37 
+
38 
+}

+ 3
- 3
src/pages/product/index.less Näytä tiedosto 

@@ -79,12 +79,12 @@
79 79 
           margin-bottom: 15px;
80 80 
         }
81 81 
         .title {
82 
-          font-size: 24px;
82 
+          font-size: 32px;
83 83 
           line-height: 36px;
84 84 
         }
85 85 
         .text {
86 
-          font-size: 14px;
87 
-          line-height: 22px;
86 
+          font-size: 16px;
87 
+          line-height: 30px;
88 88 
           margin-top: 18px;
89 89 
           margin-bottom: 40px;
90 90 
         }

+ 1
- 1
src/pages/productDec1/index.less Näytä tiedosto 

@@ -108,7 +108,7 @@
108 108 
         margin-bottom: 28px;
109 109 
       }
110 110 
       .title{
111 
-        font-size: 15px;
111 
+        font-size: 16px;
112 112 
         line-height: 20px;
113 113 
       }
114 114 
       &:last-child {

Write Preview
Loading…
Peruuta
Tallenna