瀏覽代碼

自由页面bugfix

chao 4 年之前
父節點
當前提交
21e4eb6d6e
共有 2 個文件被更改,包括 12 次插入1 次删除
  1. 10 0
      src/main/resources/static/js/single-page/page.js
  2. 2 1
      src/main/resources/templates/single-page/page.html

+ 10 - 0
src/main/resources/static/js/single-page/page.js

@@ -14,5 +14,15 @@ var freePage = new Vue({
     },
     mounted: function () {
         var _self = this;
+       if (!isPC) {
+            var scale = $(window).width()/1184;
+            var beforeHeight = $(".freePage").height();
+            $(".freePage").css({
+                "width": "1184px",
+                "height": beforeHeight,
+                "transform": "scale("+scale+")",
+                "transform-origin": "0 0"
+            });
+       }
     }
 });

+ 2 - 1
src/main/resources/templates/single-page/page.html

@@ -7,6 +7,7 @@
     <meta http-equiv="description" th:content="${pageData.description}">
     <template th:replace="components/head-link"></template>
     <style type="text/css">
+        #freePage{position:relative;}
         /** PC端 */
         @media screen and (min-width:768px){
             .freePage{width:1184px;margin:0 auto;padding:16px 0;text-align:center;}
@@ -16,7 +17,7 @@
         /** 移动端 */
         @media screen and (max-width:768px){
             header,footer{display: none;}
-            .freePage{width:100vw;margin:0 auto;text-align:center;}
+            .freePage{margin:0 auto;text-align:center;}
             .freePage img {max-width:100%;height:auto !important;}
             .freePage table{width:100%;text-align:left}
         }