柳香萍 před 5 roky
rodič
revize
601f5a5c26
11 změnil soubory, kde provedl 27951 přidání a 2 odebrání
  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ární
      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 Zobrazit soubor

@@ -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 Zobrazit soubor

@@ -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
   }

Diff nebyl zobrazen, protože je příliš veliký
+ 2535 - 0
css/weui.css


Diff nebyl zobrazen, protože je příliš veliký
+ 4617 - 0
css/weuix.css


binární
images/wei-1.png Zobrazit soubor


+ 3 - 1
index.html Zobrazit soubor

@@ -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 Zobrazit soubor

@@ -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>

Diff nebyl zobrazen, protože je příliš veliký
+ 16712 - 0
js/picker.city.js


Diff nebyl zobrazen, protože je příliš veliký
+ 6 - 0
js/zepto.min.js


Diff nebyl zobrazen, protože je příliš veliký
+ 3757 - 0
js/zepto.weui.js


+ 3 - 1
login.html Zobrazit soubor

@@ -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>