样式

@@ -2,12 +2,19 @@
     {{# promotionData}}
     <div class="my-code">
         <div class="describe">
-            {{{activityDescribe}}}
+            <div class="describe-bg"></div>
+            <p>{{{activityDescribe}}}</p>
         </div>
-        <div class="title">方法一：扫描邀请二维码</div>
+        <div class="title">方法一：扫描二维码</div>
         <div class="code-outer">
             <div class="code-qr" qr-data="{{qrcodeUrl}}"></div>
         </div>
+        <div class="reload-c">
+            <div class="reload">
+                <span class="iconfont">&#xe733;</span>
+                点击刷新二维码
+            </div>
+    </div>
     </div>
     <div class="invite-code invitation">
        <div class="title">方法二：使用潮流口令</div>

 .my-promotion-page {
     .my-code {
-        height: 510px;
+        height: 550px;
         overflow: hidden;
         background-image: resolve("activity/expand-new/qrcode-back.png");
         background-size: 100% 100%;
@@ -9,17 +9,34 @@
         margin-bottom: 30px;
 
         .describe {
-            width: 100%;
+            width: 490px;
+            height: 120px;
             text-align: center;
             font-size: 38px;
-            margin: 58px auto 20px;
+            margin: 35px 0 20px 138px;
             font-family: "SourceHanSansCN";
-            transform: rotate(-2.3deg);
             font-weight: 700;
             font-style: oblique;
             color: #000;
             line-height: 56px;
             margin-left: 13px;
+            background-repeat: no-repeat;
+            margin-left: 138px;
+
+            p {
+                z-index: 10;
+                position: absolute;
+                top: 0;
+                padding: 38px 0 0 34px;
+                transform: rotate(-2.3deg);
+            }
+        }
+
+        .describe-bg {
+            background-image: resolve("activity/expand-new/title-bg.png");
+            background-size: 100% 100%;
+            width: 100%;
+            height: 100%;
         }
 
         .code-outer {
@@ -38,6 +55,31 @@
         .title {
             color: #fff;
         }
+
+        .reload-c {
+            height: 90px;
+            line-height: 90px;
+
+            .reload {
+                position: absolute;
+                bottom: 0;
+                left: 400px;
+                font-size: 24px;
+                color: #fff;
+                width: 200px;
+                line-height: 115px;
+                margin-left: -100px;
+                text-align: center;
+
+                span {
+                    font-size: 52px;
+                    color: #eee;
+                    position: absolute;
+                    top: 0;
+                    left: -35px;
+                }
+            }
+        }
     }
 
     .title {