样式修改 二维码模糊

@@ -4,19 +4,13 @@
         <div class="describe">
             {{{activityDescribe}}}
         </div>
-        <div class="title">
-            <span class="en-title">INVITATION QR CODE</span>
-            <span class="ch-title">方法一：扫描邀请二维码</span>
-        </div>
+        <div class="title"></div>
         <div class="code-outer">
             <div class="code-qr" qr-data="{{url}}"></div>
         </div>
     </div>
     <div class="invite-code invitation">
-       <div class="title color">
-            <span class="en-title">INVITATION CODE</span>
-            <span class="ch-title">方法二：使用邀请码</span>
-        </div>
+       <div class="title"></div>
         <div class="code-content">
             <div class="invite-content">
                 <span class="code">{{inviteCode}}</span>
@@ -28,10 +22,7 @@
         </div>
     </div>
     <div class="invite-link invitation">
-        <div class="title color">
-            <span class="en-title">INVITATION LINK</span>
-            <span class="ch-title">方法三：使用邀请链接</span>
-        </div>
+        <div class="title"></div>
         <div class="code-content">
             <div class="invite-content">
                 <span class="code">{{url}}</span>

@@ -11,11 +11,10 @@
         </div>
         <p class="detail">
             {{{activityRuleDesc}}}
-            {{!-- <span class="more">更多免责条款>></span> --}}
         </p>
     </div>
     <div class="reward-list">
-        <div class="list-item">
+        <div class="list-item list-title">
             <span>我邀请的好友</span>
             <span>首单购物金额</span>
             <span>我的奖励</span>

@@ -21,9 +21,9 @@ setTimeout(function() {
         width = $('.code-qr').css('width');
 
     $('.code-qr').qrcode({
-        render: 'canvas', // 显示方式，canvas，image和div
+        render: 'image', // 显示方式，canvas，image和div
         text: text, // 二维码的内容
-        size: parseInt(width, 10),  // 大小
+        size: parseInt(width, 10) * 10,  // 大小
         ecLevel: 'L',   // 纠错级别
         background: '#fff'
     });

@@ -11,21 +11,20 @@
             width: 100%;
             text-align: center;
             font-size: 38px;
-            margin: 30px auto;
+            margin: 33px auto;
             font-family: SourceHanSansCN;
             transform: rotate(-2.3deg);
             font-weight: 700;
             font-style: oblique;
             color: #000;
-            line-height: 54px;
-            margin-left: 12px;
+            line-height: 58px;
+            margin-left: 13px;
         }
 
         .code-outer {
             width: 140px;
             height: 140px;
-            border: 2px solid #000;
-            padding: 8px;
+            padding: 10px;
             background-color: #fff;
             margin: 16px 0 0 308px;
         }
@@ -37,27 +36,7 @@
     }
 
     .title {
-        color: #fff;
-        font-family: SourceHanSansCN;
-        font-size: 23px;
-        width: 100%;
-
-        .ch-title {
-            display: block;
-            line-height: 34px;
-            text-align: center;
-            font-weight: 700;
-        }
-
-        .en-title {
-            font-size: 25px;
-            font-family: Avenir;
-            font-weight: 700;
-            display: block;
-            line-height: 34px;
-            text-align: center;
-            font-style: oblique;
-        }
+        height: 60px;
     }
 
     .invitation {
@@ -128,7 +107,27 @@
         }
     }
 
-    .color {
-        color: #000;
+    .my-code {
+        .title {
+            background-image: resolve("activity/expand-new/invite-1.png");
+            background-size: 100%;
+            background-repeat: no-repeat;
+        }
+    }
+
+    .invite-code {
+        .title {
+            background-image: resolve("activity/expand-new/invite-2.png");
+            background-size: 100%;
+            background-repeat: no-repeat;
+        }
+    }
+
+    .invite-link {
+        .title {
+            background-image: resolve("activity/expand-new/invite-3.png");
+            background-size: 100%;
+            background-repeat: no-repeat;
+        }
     }
 }

@@ -4,6 +4,7 @@
         height: 94px;
         line-height: 94px;
         padding: 0 30px;
+        font-weight: 700;
 
         .state {
             float: right;
@@ -66,6 +67,10 @@
             background-color: #fff;
         }
 
+        .list-title {
+            font-weight: 700;
+        }
+
         a {
             overflow: hidden;
             width: 100%;