shareImg

src/components/ShareImg.vue

@@ -81,16 +81,22 @@ export default {
 .canvas-html { width:10rem; .f-bc; padding:0.5rem; background: #fff; .f-pf; left:0px; top:0px;
 .canvas-html { width:10rem; .f-bc; padding:0.5rem; background: #fff; .f-pf; left:0px; top:0px;
   .share-title {.f-fs(0.56rem);font-weight:600;line-height: .7rem; margin-bottom: 0.25rem;color: black;text-align: left;}
   .share-title {.f-fs(0.56rem);font-weight:600;line-height: .7rem; margin-bottom: 0.25rem;color: black;text-align: left;}
   .share-pic {width:9rem;float: left;height:auto; margin-bottom: 0.2rem;}
   .share-pic {width:9rem;float: left;height:auto; margin-bottom: 0.2rem;}
-  .share-subtitle {.f-fs(0.38rem); .f-fwn; .f-fl; padding:0.2rem 0; width:50%;color: black;text-align: left;}
+  .share-subtitle {.f-fs(0.40rem); .f-fwn; .f-fl; padding:0.2rem 0; width:50%;color: black;text-align: left;}
   .share-author { .f-lh(0.7rem); .f-fr;
   .share-author { .f-lh(0.7rem); .f-fr;
     span {.f-wh(0.7rem); border-radius: 50%; .f-dib; overflow: hidden; vertical-align: middle;
     span {.f-wh(0.7rem); border-radius: 50%; .f-dib; overflow: hidden; vertical-align: middle;
       img {.f-wh(100%);}
       img {.f-wh(100%);}
     }
     }
-    b {.f-dib; .f-lh(0.7rem);vertical-align: middle; .f-fs(0.38rem); margin-left: 0.1rem; .f-fwn;color: black;}
+    b {.f-dib; .f-lh(0.7rem);vertical-align: middle; .f-fs(0.40rem); margin-left: 0.1rem; .f-fwn;color: black;}
   }
   }
-  .share-qrcode { margin-top: 0.2rem;
-    img {.f-wh(1.2rem); .f-fr;}
-    p{color:#999; margin-right: 0.1rem; .f-fr; .f-tar; .f-fs(0.28rem); margin-top: 0.2rem;line-height: 0.4rem;}
+  .share-qrcode { margin-top: 0.4rem;
+    img {.f-wh(1.5rem); .f-fr;}
+    p{    color: #666;
+    margin-right: .1rem;
+    float: right;
+    text-align: right;
+    font-size: .34rem;
+    margin-top: .3rem;
+    line-height: .5rem;}
   }
   }
 }
 }
 .canvas-img img {
 .canvas-img img {