|
@@ -105,9 +105,11 @@
|
|
|
class="share-mask"
|
|
class="share-mask"
|
|
|
style="background: #fff; position: fixed; top: 0; width: 100%; height: 100%"></div>
|
|
style="background: #fff; position: fixed; top: 0; width: 100%; height: 100%"></div>
|
|
|
<div class="html2canvasBox">
|
|
<div class="html2canvasBox">
|
|
|
- <div class="closeShare" @click="closeShare"><van-icon name="close" /></div>
|
|
|
|
|
- <div class="shareTips">
|
|
|
|
|
- <img :src="require('@/assets/shareTips.png')" alt="" />
|
|
|
|
|
|
|
+ <div class="shareHeader">
|
|
|
|
|
+ <div class="shareTips">
|
|
|
|
|
+ <img :src="require('@/assets/shareTips.png')" alt="" />
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="closeShare" @click="closeShare"><van-icon name="close" /></div>
|
|
|
</div>
|
|
</div>
|
|
|
<div id="html2canvas" ref="html2canvas">
|
|
<div id="html2canvas" ref="html2canvas">
|
|
|
<div class="scroll-container">
|
|
<div class="scroll-container">
|
|
@@ -464,26 +466,37 @@ export default {
|
|
|
overflow: hidden !important;
|
|
overflow: hidden !important;
|
|
|
display: flex;
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
|
- .closeShare {
|
|
|
|
|
|
|
+ .shareHeader {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
z-index: 1;
|
|
z-index: 1;
|
|
|
- right: 10px;
|
|
|
|
|
top: 10px;
|
|
top: 10px;
|
|
|
- color: #fff;
|
|
|
|
|
- .van-icon {
|
|
|
|
|
- font-size: 20px;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- .shareTips {
|
|
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
- text-align: center;
|
|
|
|
|
- margin: 10px 0;
|
|
|
|
|
- position: absolute;
|
|
|
|
|
- z-index: 1;
|
|
|
|
|
- top: vw(110);
|
|
|
|
|
- img {
|
|
|
|
|
- width: vw(300);
|
|
|
|
|
- height: vw(50);
|
|
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ padding: 0 vw(30);
|
|
|
|
|
+ .closeShare {
|
|
|
|
|
+ // position: absolute;
|
|
|
|
|
+ // z-index: 1;
|
|
|
|
|
+ // right: 10px;
|
|
|
|
|
+ // top: 10px;
|
|
|
|
|
+ color: #fff;
|
|
|
|
|
+ flex: 1;
|
|
|
|
|
+ .van-icon {
|
|
|
|
|
+ font-size: vw(40);
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ .shareTips {
|
|
|
|
|
+ // width: 100%;
|
|
|
|
|
+ // text-align: center;
|
|
|
|
|
+ // margin: 10px 0;
|
|
|
|
|
+ // position: absolute;
|
|
|
|
|
+ // z-index: 1;
|
|
|
|
|
+ // top: vw(110);
|
|
|
|
|
+ margin-right: 10px;
|
|
|
|
|
+ img {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: vw(60);
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|