dos

Public/static/css/index.css

@@ -454,7 +454,22 @@ input[name=signature]::-webkit-input-placeholder {
   z-index: 1;
   z-index: 1;
 }
 }
 
 
-.poster-page .poster-list {
+
+
+.poster-tip {
+  z-index: 1;
+}
+
+.posterImg {
+  position: absolute;
+  top: 0;
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+}
+
+/* poster-list-page */
+.poster-list-page .poster-list {
   background: url(../image2/posterlist-bg.png) left top repeat-y;
   background: url(../image2/posterlist-bg.png) left top repeat-y;
   background-size: 100% auto;
   background-size: 100% auto;
   height: auto;
   height: auto;
@@ -463,13 +478,13 @@ input[name=signature]::-webkit-input-placeholder {
   width: 22.05rem;
   width: 22.05rem;
 }
 }
 
 
-.poster-page .flag-item {
+.poster-list-page .flag-item {
   position: relative;
   position: relative;
   display: flex;
   display: flex;
   margin-top: 1.5rem;
   margin-top: 1.5rem;
 }
 }
 
 
-.poster-page .flag-no {
+.poster-list-page .flag-no {
   font-size: 1.2rem;
   font-size: 1.2rem;
   text-align: center;
   text-align: center;
   line-height: 2rem;
   line-height: 2rem;
@@ -481,7 +496,7 @@ input[name=signature]::-webkit-input-placeholder {
   background-size: 100% 100%;
   background-size: 100% 100%;
 }
 }
 
 
-.poster-page .flag-text {
+.poster-list-page .flag-text {
   font-size: 1.4rem;
   font-size: 1.4rem;
   color: #222222;
   color: #222222;
   margin-left: 1rem;
   margin-left: 1rem;
@@ -492,16 +507,4 @@ input[name=signature]::-webkit-input-placeholder {
   flex: 1;
   flex: 1;
   background: url(../image2/flag-redline.png) left bottom no-repeat;
   background: url(../image2/flag-redline.png) left bottom no-repeat;
   background-size: 100% auto;
   background-size: 100% auto;
-}
-
-.poster-tip {
-  z-index: 1;
-}
-
-.posterImg {
-  position: absolute;
-  top: 0;
-  z-index: 1;
-  width: 100%;
-  height: 100%;
 }
 }
\ No newline at end of file

Public/static/js/common.js

@@ -312,11 +312,11 @@ $(document).ready(function () {
 });
 });
 
 
 function createPoster() {
 function createPoster() {
-
+    $('.poster-list-page').show();
     $('.poster-page .poster-canvas-block').append($('<img class="posterImg" src="" />'));
     $('.poster-page .poster-canvas-block').append($('<img class="posterImg" src="" />'));
     // 创建海报页面的flag列表
     // 创建海报页面的flag列表
     for (let i = 0; i < flagStack.length; i++) {
     for (let i = 0; i < flagStack.length; i++) {
-        createList('.poster-page .poster-list', flagStack[i], i + 1);
+        createList('.poster-list-page .poster-list', flagStack[i], i + 1);
     }
     }
 
 
     let flagListHeight = $('.poster-page .poster-list').height();
     let flagListHeight = $('.poster-page .poster-list').height();
@@ -386,7 +386,7 @@ function drawFlagItem(initialPosition) {
         let redline = new Image();
         let redline = new Image();
         redline.src = picUrl + 'flag-redline.png';
         redline.src = picUrl + 'flag-redline.png';
         redline.onload = function () {
         redline.onload = function () {
-            let nodeList = $('.poster-page .poster-list .flag-item');
+            let nodeList = $('.poster-list-page .poster-list .flag-item');
             for (let i = 0; i < flagStack.length; i++) {
             for (let i = 0; i < flagStack.length; i++) {
                 let top = initialPosition + $(nodeList[i]).offset().top;
                 let top = initialPosition + $(nodeList[i]).offset().top;
                 let textTop = initialPosition + $(nodeList[i]).find('.flag-text').offset().top + pxToRem(28);
                 let textTop = initialPosition + $(nodeList[i]).find('.flag-text').offset().top + pxToRem(28);