Почетна Преглед Помоћ
Регистрација Пријавите Се
superman1994
/
mobile-site
Прати 1
Волим 0
Креирај огранак 0
Код Дискусије 0 Захтеви за спајање 0 Издања 0 Вики Activity
Преглед изворни кода

所有页面

柳香萍 пре 5 година
родитељ
7a8a09bf8b
комит
601f5a5c26
11 измењених фајлова са 27951 додато и 2 уклоњено
Подељен поглед Покажи статистику Diff
  1. 67 0
      close.html
  2. 105 0
      css/mobile.css
  3. 2535 0
      css/weui.css
  4. 4617 0
      css/weuix.css
  5. BIN
      images/wei-1.png
  6. 3 1
      index.html
  7. 146 0
      info.html
  8. 16712 0
      js/picker.city.js
  9. 6 0
      js/zepto.min.js
  10. 3757 0
      js/zepto.weui.js
  11. 3 1
      login.html

+ 67 - 0
close.html Прегледај датотеку 

@@ -0,0 +1,67 @@
1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+
4 
+<head>
5 
+    <meta charset="UTF-8">
6 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
8 
+    <meta name="keywords" content="酷医,酷医云,酷医聚客,病人关系管理,微信管理平台,肾病科宣,慢病管理云平台,SCRM,SPRM,血透管理,科室品牌推广">
9 
+    <meta name="description" content="酷医云，是专为肾科和血透中心研发的免费血透管理平台，覆盖诊前、诊中、诊后全流程管理；为血透中心提供覆盖智能营销管理、血透管理、慢病管理、医患沟通、进销存管理以及商城管理等全流程一体化的管理平台。全国数百家血透中心信赖的选择。">
10 
+    <title>酷医云-慢病管理</title>
11 
+    <link rel="stylesheet" href="css/mobile.css">
12 
+</head>
13 
+
14 
+<body>
15 
+
16 
+    <div class="closeTit">
17 
+        <p class="jg">健康互动科技有限公司</p>
18 
+        <p class="tel">13612805443</p>
19 
+    </div>
20 
+    <div class="close-page">
21 
+
22 
+        <h1 class="big">欢迎您使用酷医云</h1>
23 
+
24 
+        <h2 class="medium">请用电脑谷歌浏览器打下以下地址，登录使用
25 
+            <a href="">http://www.kuyicloud.com
26 
+            </a>
27 
+        </h2>
28 
+
29 
+        <h2 class="medium"><p>请用平板电脑扫码以下二维码安装“酷医云HD"<br />登录使用</p>
30 
+            <img src="images/wei-1.png" alt="">
31 
+        </h2>
32 
+
33 
+
34 
+        <h2 class="medium">酷医云是免费的肾科/血透中心数字化管理平台</h2>
35 
+
36 
+        <h2 class="small">由以下应用模块组成</h2>
37 
+        <div class="gn">
38 
+            <ul>
39 
+                <li>·血液透析管理系统 </li>
40 
+                <li>·慢病监测管理系统 </li>
41 
+                <li>·患者关系管理系统 </li>
42 
+                <li>·网络商城管理系统 </li>
43 
+
44 
+            </ul>
45 
+        </div>
46 
+
47 
+        <div class="freeBtn" style="display:block;">
48 
+            <button class="button">免费使用</button>
49 
+        </div>
50 
+    </div>
51 
+
52 
+</body>
53 
+<!-- <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
54 
+<script type="text/javascript">
55 
+    $(function () {
56 
+        $(window).scroll(function () {
57 
+            height = $(window).scrollTop();
58 
+            if (height > 30) {
59 
+                $('.freeBtn').fadeIn(300);
60 
+            } else {
61 
+                $('.freeBtn').fadeOut(100);
62 
+            }
63 
+        })
64 
+    })
65 
+</script> -->
66 
+
67 
+</html>

+ 105 - 0
css/mobile.css Прегледај датотеку 

@@ -349,4 +349,109 @@ header{
349 349 
   }
350 350 
   .layer .content .tit .close img{
351 351 
       width: 100%;
352 
+  }
353 
+  .weui-picker-container, .weui-picker-overlay{
354 
+    bottom: 0!important;
355 
+  }
356 
+  .weui-label{
357 
+      color: #333;
358 
+  }
359 
+  .weui-cells{
360 
+      margin-top: 0!important;
361 
+  }
362 
+  .weui-cell{
363 
+    padding: 13px 30px 13px 15px!important;
364 
+  }
365 
+  .weui-input{
366 
+      text-align: right;
367 
+      padding-right: 10%!important;
368 
+  }
369 
+  .weui-cell-flex{
370 
+      flex-direction: column!important;
371 
+      display: block!important;
372 
+  }
373 
+  .weui-cell-flex .weui-label{
374 
+      width: 200px;
375 
+  }
376 
+  .weui-icon-checkbox{
377 
+      border-radius: 2px!important;
378 
+  }
379 
+  .weui-form-checkbox[type="checkbox"]:checked + label .weui-icon-checkbox{
380 
+    background-color: #3388ff!important;
381 
+    border: 1px solid #3388ff!important;
382 
+  }
383 
+  .tip{
384 
+      text-align: center;
385 
+      color: #419efe;
386 
+      font-size: 12px;
387 
+      height: 50px;
388 
+      line-height: 50px;
389 
+  }
390 
+  .weui-cell.arrow::after{
391 
+    width: 9px;
392 
+    height: 9px;
393 
+    border: 2px solid #e5e5e5;
394 
+    content: "";
395 
+    position: absolute;
396 
+    top: 18px;
397 
+    right: 11px;
398 
+    border-top: none;
399 
+    border-right: none;
400 
+    transform: rotate(-45deg);
401 
+    -ms-transform: rotate(-45deg);
402 
+    -moz-transform: rotate(-45deg);
403 
+    -webkit-transform: rotate(-45deg);
404 
+    -o-transform: rotate(-45deg);
405 
+
406 
+  }
407 
+  .closeTit{
408 
+      display: flex;
409 
+      align-items:center;
410 
+      padding: 0 16px;
411 
+      height:50px ;
412 
+      line-height: 50px;
413 
+      justify-content: space-between;
414 
+      font-size: 16px;
415 
+      box-shadow: 0 0 18px 0 rgba(82,94,102,0.15);
416 
+  }
417 
+  .closeTit .jg{
418 
+      flex: 1;
419 
+  }
420 
+  .closeTit .tel{
421 
+      float: right;
422 
+      color: #419efe;
423 
+      font-family: "Arial";
424 
+      font-weight: 550;
425 
+  }
426 
+
427 
+  .close-page{
428 
+      display:flex;
429 
+      align-items: center;
430 
+      text-align: center;
431 
+      font-size: 16px;
432 
+      flex-direction: column;
433 
+      justify-content: space-between;
434 
+      color: #333;
435 
+      padding:0 16px;
436 
+  }
437 
+  .close-page .big{
438 
+      font-size: 25px;
439 
+      font-weight: bold;
440 
+      padding: 45px 0 35px 0;
441 
+  }
442 
+  .close-page .medium{
443 
+      padding-bottom: 25px;
444 
+  }
445 
+  .close-page .medium img{
446 
+      width: 50%;
447 
+  }
448 
+  .close-page .small{
449 
+    padding-bottom: 10px;
450 
+
451 
+  }
452 
+  .gn ul li{
453 
+      float: left;
454 
+      width: 50%;
455 
+      height: 30px;
456 
+      line-height: 28px;
352 457 
   }

Разлика између датотеке није приказан због своје велике величине
+ 2535 - 0
css/weui.css


Разлика између датотеке није приказан због своје велике величине
+ 4617 - 0
css/weuix.css


BIN
images/wei-1.png Прегледај датотеку


+ 3 - 1
index.html Прегледај датотеку 

@@ -5,7 +5,9 @@
5 5 
     <meta charset="UTF-8">
6 6 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 7 
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
8 
-    <title></title>
8 
+    <meta name="keywords" content="酷医,酷医云,酷医聚客,病人关系管理,微信管理平台,肾病科宣,慢病管理云平台,SCRM,SPRM,血透管理,科室品牌推广">
9 
+    <meta name="description" content="酷医云，是专为肾科和血透中心研发的免费血透管理平台，覆盖诊前、诊中、诊后全流程管理；为血透中心提供覆盖智能营销管理、血透管理、慢病管理、医患沟通、进销存管理以及商城管理等全流程一体化的管理平台。全国数百家血透中心信赖的选择。">
10 
+    <title>酷医云-慢病管理</title>
9 11 
     <link rel="stylesheet" href="css/mobile.css">
10 12 
 </head>
11 13

+ 146 - 0
info.html Прегледај датотеку 

@@ -0,0 +1,146 @@
1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+
4 
+<head>
5 
+    <meta charset="UTF-8">
6 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
8 
+    <meta name="keywords" content="酷医,酷医云,酷医聚客,病人关系管理,微信管理平台,肾病科宣,慢病管理云平台,SCRM,SPRM,血透管理,科室品牌推广">
9 
+    <meta name="description" content="酷医云，是专为肾科和血透中心研发的免费血透管理平台，覆盖诊前、诊中、诊后全流程管理；为血透中心提供覆盖智能营销管理、血透管理、慢病管理、医患沟通、进销存管理以及商城管理等全流程一体化的管理平台。全国数百家血透中心信赖的选择。">
10 
+    <title>酷医云-慢病管理</title>
11 
+    <link rel="stylesheet" href="css/mobile.css">
12 
+    <link rel="stylesheet" href="css/weui.css" />
13 
+    <link rel="stylesheet" href="css/weuix.css" />
14 
+
15 
+    <script src="js/zepto.min.js"></script>
16 
+    <script src="js/zepto.weui.js"></script>
17 
+    <script src="js/picker.city.js"></script>
18 
+    <style>
19 
+    </style>
20 
+</head>
21 
+
22 
+<body>
23 
+    <div class="tip">请正确填写以下信息，后续可在账号设置中修改</div>
24 
+    <div class="weui-cells weui-cells_form">
25 
+        <div class="weui-cell">
26 
+            <div class="weui-cell__hd">
27 
+                <label class="weui-label">机构名称</label>
28 
+            </div>
29 
+            <div class="weui-cell__bd">
30 
+                <input class="weui-input">
31 
+            </div>
32 
+        </div>
33 
+        <div class="weui-cell arrow">
34 
+            <div class="weui-cell__hd">
35 
+                <label class="weui-label">机构类型</label>
36 
+            </div>
37 
+            <div class="weui-cell__bd">
38 
+                <input class="weui-input" id="mobile" type="text" value="">
39 
+            </div>
40 
+        </div>
41 
+        <div class="weui-cell arrow">
42 
+            <div class="weui-cell__hd">
43 
+                <label class="weui-label">机构地址</label>
44 
+            </div>
45 
+            <div class="weui-cell__bd">
46 
+                <input class="weui-input" id="end" type="text" value="">
47 
+            </div>
48 
+        </div>
49 
+        <div class="weui-cell">
50 
+            <div class="weui-cell__hd">
51 
+                <label class="weui-label">详细地址</label>
52 
+            </div>
53 
+            <div class="weui-cell__bd">
54 
+                <input class="weui-input">
55 
+            </div>
56 
+        </div>
57 
+        <div class="weui-cell">
58 
+            <div class="weui-cell__hd">
59 
+                <label class="weui-label">机构联系人</label>
60 
+            </div>
61 
+            <div class="weui-cell__bd">
62 
+                <input class="weui-input">
63 
+            </div>
64 
+        </div>
65 
+        <div class="weui-cell">
66 
+            <div class="weui-cell__hd">
67 
+                <label class="weui-label">机构电话</label>
68 
+            </div>
69 
+            <div class="weui-cell__bd">
70 
+                <input class="weui-input">
71 
+            </div>
72 
+        </div>
73 
+        <!-- 多选 -->
74 
+        <div class="weui-cell weui-cell-flex">
75 
+            <div class="weui-cell__hd">
76 
+                <label class="weui-label">选择启用的应用</label>
77 
+            </div>
78 
+            <div class="weui-form">
79 
+                <div class="weui-form-li iblock">
80 
+                    <input class="weui-form-checkbox" name="f3" id="h1" value="血透管理" type="checkbox">
81 
+                    <label for="h1">
82 
+                        <i class="weui-icon-checkbox"></i>
83 
+                        <div class="weui-form-text">
84 
+                            <p>血透管理</p>
85 
+                        </div>
86 
+                    </label>
87 
+                </div>
88 
+                <div class="weui-form-li iblock">
89 
+                    <input class="weui-form-checkbox" name="f3" id="h2" value="慢病管理" type="checkbox">
90 
+                    <label for="h2">
91 
+                        <i class="weui-icon-checkbox"></i>
92 
+                        <div class="weui-form-text">
93 
+                            <p>慢病管理</p>
94 
+                        </div>
95 
+                    </label>
96 
+                </div>
97 
+                <div class="weui-form-li iblock">
98 
+                    <input class="weui-form-checkbox" name="f3" id="h3" value="SCRM" type="checkbox">
99 
+                    <label for="h3">
100 
+                        <i class="weui-icon-checkbox"></i>
101 
+                        <div class="weui-form-text">
102 
+                            <p>SCRM</p>
103 
+                        </div>
104 
+                    </label>
105 
+                </div>
106 
+                <div class="weui-form-li iblock">
107 
+                    <input class="weui-form-checkbox" name="f3" id="h3" value="微商城" type="checkbox">
108 
+                    <label for="h3">
109 
+                        <i class="weui-icon-checkbox"></i>
110 
+                        <div class="weui-form-text">
111 
+                            <p>微商城</p>
112 
+                        </div>
113 
+                    </label>
114 
+                </div>
115 
+            </div>
116 
+        </div>
117 
+        <!-- 按钮 -->
118 
+        <div class="join">
119 
+                <button class="submit">立即开启智慧管理之旅</button>
120 
+        </div>
121 
+
122 
+
123 
+
124 
+
125 
+    </div>
126 
+</body>
127 
+<script>
128 
+    $("#mobile").picker({
129 
+        title: "请选择您的机构类型",
130 
+        cols: [{
131 
+            textAlign: 'center',
132 
+            values: ['私营', '国企', '联合股份制']
133 
+        }],
134 
+        onChange: function (p, v, dv) {
135 
+            console.log(p, v, dv);
136 
+        },
137 
+        onClose: function (p, v, d) {
138 
+            console.log("close");
139 
+        }
140 
+    });
141 
+    $("#end").cityPicker({
142 
+        title: "选择目的地"
143 
+    });
144 
+</script>
145 
+
146 
+</html>

Разлика између датотеке није приказан због своје велике величине
+ 16712 - 0
js/picker.city.js


Разлика између датотеке није приказан због своје велике величине
+ 6 - 0
js/zepto.min.js


Разлика између датотеке није приказан због своје велике величине
+ 3757 - 0
js/zepto.weui.js


+ 3 - 1
login.html Прегледај датотеку 

@@ -5,7 +5,9 @@
5 5 
     <meta charset="UTF-8">
6 6 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 7 
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
8 
-    <title></title>
8 
+    <meta name="keywords" content="酷医,酷医云,酷医聚客,病人关系管理,微信管理平台,肾病科宣,慢病管理云平台,SCRM,SPRM,血透管理,科室品牌推广">
9 
+    <meta name="description" content="酷医云，是专为肾科和血透中心研发的免费血透管理平台，覆盖诊前、诊中、诊后全流程管理；为血透中心提供覆盖智能营销管理、血透管理、慢病管理、医患沟通、进销存管理以及商城管理等全流程一体化的管理平台。全国数百家血透中心信赖的选择。">
10 
+    <title>酷医云-慢病管理</title>
9 11 
     <link rel="stylesheet" href="css/mobile.css">
10 12 
     <style>
11 13 
     </style>