Commit 32c8ba75 by hank

shareImg

parent 579ec23a
......@@ -20,10 +20,7 @@
</div>
<div class="share-qrcode">
<span class="qrcode" :data-qrcode="'https://wanda-h5.bdideal.com/video-test/index.html#'+$route.fullPath"></span>
<p>
长按识别二维码
<br>为我点赞
</p>
<p>长按识别二维码<br>为我点赞</p>
</div>
</div>
</div>
......@@ -79,17 +76,17 @@ export default {
.f-lh(@h){height:@h;line-height: @h;}.f-wh(@w){width:@w; height:@w;}.f-fs(@num){font-size:@num}
.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.35rem;color: black;text-align: left;}
.share-pic {width:9rem;float: left;height:auto; margin-bottom: 0.2rem;}
.share-subtitle {.f-fs(0.40rem); .f-fwn; .f-fl; padding:0.2rem 0; width:50%;color: black;text-align: left;}
.share-subtitle {.f-fs(0.46rem); .f-fwn; .f-fl; padding:0.2rem 0; width:50%;color: black;text-align: left;}
.share-author { .f-lh(0.7rem); .f-fr;
span {.f-wh(0.7rem); border-radius: 50%; .f-dib; overflow: hidden; vertical-align: middle;
img {.f-wh(100%);}
}
b {.f-dib; .f-lh(0.7rem);vertical-align: middle; .f-fs(0.40rem); margin-left: 0.1rem; .f-fwn;color: black;}
b {.f-dib; .f-lh(0.7rem);vertical-align: middle; .f-fs(0.46rem); margin-left: 0.1rem; .f-fwn;color: black;}
}
.share-qrcode { margin-top: 0.4rem;
img {.f-wh(1.5rem); .f-fr;}
img {width:1.5rem; height:1.5rem; float:right;}
p{ color: #666;
margin-right: .1rem;
float: right;
......@@ -123,4 +120,12 @@ export default {
opacity: 0;
left:0;
}
</style>
\ No newline at end of file
</style>
<style>
.canvas-html div.share-qrcode img {
width: 1.5rem;
height: 1.5rem;
float: right;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment