修改样式

public/css/style.css

@@ -426,6 +426,9 @@ input[type="number"]::-webkit-outer-spin-button {
     padding-left: 1px;
     padding-right: 5px;
 }
+.qr {
+    width: 120px;
+}
 @media(max-width:415px) {
     .top-nav-left .font-title {
         line-height: 20px;
@@ -439,11 +442,10 @@ input[type="number"]::-webkit-outer-spin-button {
         margin: 0 auto;
     }
     #section0 .section-content {
-        width: 280px;
+        width: 290px;
         margin-left: -150px;
-        padding-left: 10px;
-        padding-right: 10px;
-        top: 45%;
+        padding-left: 5px;
+        padding-right: 5px;
     }
     #industry li {
         max-width: inherit;
@@ -451,4 +453,16 @@ input[type="number"]::-webkit-outer-spin-button {
     #readCount .section-text .span-t {
         display: none;
     }
+    .section-h1 {
+        font-size: 24px;
+    }
+    .section-h2 {
+        font-size: 18px;
+    }
+    .section-h3 {
+        font-size: 14px;
+    }
+    .section-text {
+        font-size: 24px;
+    }
 }

public/js/main.js

@@ -36,17 +36,36 @@ window.onload = function () {
     var articlesPv = 5000;
     var publishArticlesCount = 400;
 
-    function clickBtn (id) {
-        $('#' + id).on('click', '.xy-btn', function () {
-            $('#' + id + ' .xy-btn').removeClass('on');
-            $(this).addClass('on');
-            flag[id] = true;
-            checkFlag();
-        });
+    function clickBtn (id, type) {
+        if (type === 'checkbox') {
+            $('#' + id).on('click', '.xy-btn', function () {
+                if ($(this).hasClass('on')) {
+                    $(this).removeClass('on');
+                } else {
+                    $(this).addClass('on');
+                }
+                if ($('#' + id + ' .xy-btn.on').length > 0) {
+                    flag[id] = true;
+                } else {
+                    flag[id] = false;
+                }
+                checkFlag();
+            });
+        } else {
+            $('#' + id).on('click', '.xy-btn', function () {
+                $('#' + id + ' .xy-btn').removeClass('on');
+                $(this).addClass('on');
+                flag[id] = true;
+                checkFlag();
+            });
+        }
     }
     function checkFlag () {
         if (flag.industry && flag.platform && flag.format && flag.expect) {
             compute();
+        } else {
+            $('#tips').show();
+            $('#result').hide();
         }
     }
     function compute () {
@@ -62,8 +81,8 @@ window.onload = function () {
         flag['expect'] = (!isNaN(expect) && expect > 0);
         checkFlag();
     }
-    clickBtn('industry');
-    clickBtn('platform');
+    clickBtn('industry', 'checkbox');
+    clickBtn('platform', 'checkbox');
     clickBtn('format');
     $('#expect').blur(function () {
         changeExpect(+$(this).val());

views/index.ejs

@@ -141,7 +141,8 @@
                     <div class="section-h2">我们将尽快为您定制一个展现计划</div>
                     <div class="section-text">
                         <div class="section-h3" id="contacts">
-                            联系人：18618323889 沈小美
+                            <img src="/images/qr.jpeg" class="qr" />
+                            <div>联系人：13164955640 刘煜</div>
                         </div>
                     </div>
                 </div>