fix: after setting the background image, the button is obscured (#1234)

sy-records · web-flow · commit 34d918f9973b · 2020-06-26T15:46:26.000+08:00
* fix: after setting the background image, the button is obscured

* Update _coverpage.styl
diff --git a/src/core/render/tpl.js b/src/core/render/tpl.js
@@ -72,8 +72,8 @@ export function cover() {
 
   return (
     `<section class="cover show" style="background: ${bgc}">` +
-    '<div class="cover-main"><!--cover--></div>' +
     '<div class="mask"></div>' +
+    '<div class="cover-main"><!--cover--></div>' +
     '</section>'
   );
 }
diff --git a/src/themes/basic/_coverpage.styl b/src/themes/basic/_coverpage.styl
@@ -22,6 +22,7 @@ section.cover
     flex 1
     margin -20px 16px 0
     text-align center
+    position: relative
 
   a
     color inherit

Original file line number	Diff line number	Diff line change
`@@ -72,8 +72,8 @@ export function cover() {`
`72`	`72`
`73`	`73`	`return (`
`74`	`74`	`<section class="cover show" style="background: ${bgc}">` +
`75`		`- '<div class="cover-main"><!--cover--></div>' +`
`76`	`75`	`'<div class="mask"></div>' +`
	`76`	`+ '<div class="cover-main"><!--cover--></div>' +`
`77`	`77`	`'</section>'`
`78`	`78`	`);`
`79`	`79`	`}`