!237 update the sytle of mobile footer

Merge pull request !237 from Leslie-L/master_moblieFooter

themes/project/layouts/partials/footer.html

 <footer>
-    <div class="foot">
+    <div class="foot isPc">
         <div class="contact">
             <h2>{{ .Site.Params.author | safeHTML }}</h2>
             <div class="flex align-center">
@@ -7,11 +7,30 @@
             </div>
         </div>
         <div class="notice">
-            {{ .Site.Params.copyright.text | safeHTML }}
+            <div class="notice-box">
+                {{ .Site.Params.copyright.text | safeHTML }}
+            </div>
         </div>
         <div class="qr-code">
             <img id="imgRight" src="/img/banners/QRcode.jpg" alt="" >
             <p>{{ i18n "main_footer_QRcode" }}</p>
         </div>
     </div>
+    <div class="foot isH5">
+        <div class="contact">
+            <h2>{{ .Site.Params.author | safeHTML }}</h2>
+            <div class="flex align-center">
+                <p><a href="mailto:{{ .Site.Params.email | safeHTML }}">{{ .Site.Params.email | safeHTML }}</a></p>
+            </div>
+        </div>
+        <div class="qr-code">
+            <img id="imgRight" src="/img/banners/QRcode.jpg" alt="" >
+            <p>{{ i18n "main_footer_QRcode" }}</p>
+        </div>
+        <div class="notice">
+            <div class="notice-box">
+                {{ .Site.Params.copyright.text | safeHTML }}
+            </div>
+        </div>
+    </div>
 </footer>

themes/project/static/css/custom.css

@@ -549,7 +549,7 @@ footer {
   background: #111;
   color: #fff;
 }
-footer .foot {
+footer .foot.isPc {
   max-width: 1366px;
   margin: 0 auto;
   display: flex;
@@ -608,6 +608,7 @@ footer .notice span {
 }
 footer .qr-code {
   text-align: center;
+  margin-top: 5px;
 }
 footer .qr-code p {
   font-size: 12px;

themes/project/static/css/custommobile.css

@@ -491,10 +491,11 @@
   footer .foot {
     display: block;
   }
+  footer .foot.isPc {
+    display: none;
+  }
   footer .foot .contact {
-    display: flex;
-    justify-content: space-between;
-    align-items: flex-end;
+    text-align: center;
   }
   footer .foot .contact h2 {
     font-size: 0.46rem;
@@ -502,12 +503,15 @@
   }
   footer .foot .contact p {
     font-size: .24rem;
+    margin: 0 auto;
   }
   footer .foot .contact svg {
     width: 12px;
   }
+  footer .qr-code {
+    margin-top: 20px;
+  }
   footer .foot .notice {
-    margin-top: .4rem;
     width: auto;
   }
   #mask {