|
@@ -10,7 +10,9 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="box-code-tip">扫码立即体验</div>
|
|
<div class="box-code-tip">扫码立即体验</div>
|
|
|
- <button class="share-btn" open-type="share">点击分享</button>
|
|
|
|
|
|
|
+ <button class="share-btn" open-type="share">
|
|
|
|
|
+ <image :src="imgBase+'btn_share.png'"></image>
|
|
|
|
|
+ </button>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</view>
|
|
</view>
|
|
@@ -50,8 +52,8 @@
|
|
|
canvasId: 'qrcode',
|
|
canvasId: 'qrcode',
|
|
|
componentInstance: this,
|
|
componentInstance: this,
|
|
|
text: that.qrVal,
|
|
text: that.qrVal,
|
|
|
- size: 137, // 对应 274rpx 的物理像素大小
|
|
|
|
|
- margin: 5,
|
|
|
|
|
|
|
+ size: 133, // 对应 266rpx 的物理像素大小
|
|
|
|
|
+ margin: 0,
|
|
|
backgroundColor: '#ffffff',
|
|
backgroundColor: '#ffffff',
|
|
|
foregroundColor: '#000000',
|
|
foregroundColor: '#000000',
|
|
|
fileType: 'png',
|
|
fileType: 'png',
|
|
@@ -79,24 +81,22 @@
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
<style scoped lang="scss">
|
|
|
.share-btn {
|
|
.share-btn {
|
|
|
- width: 100%;
|
|
|
|
|
- height: 88rpx;
|
|
|
|
|
|
|
+ width: 226rpx;
|
|
|
|
|
+ height: 56rpx;
|
|
|
background: linear-gradient( 180deg, #CFD9A4 0%, #029292 100%);
|
|
background: linear-gradient( 180deg, #CFD9A4 0%, #029292 100%);
|
|
|
- border-radius: 44rpx;
|
|
|
|
|
|
|
+ border-radius: 28rpx;
|
|
|
border: none;
|
|
border: none;
|
|
|
padding: 0;
|
|
padding: 0;
|
|
|
margin: 0;
|
|
margin: 0;
|
|
|
- font-family: SourceHanSansCN, SourceHanSansCN;
|
|
|
|
|
- font-weight: bold;
|
|
|
|
|
- font-size: 32rpx;
|
|
|
|
|
- color: #002846;
|
|
|
|
|
- line-height: 88rpx;
|
|
|
|
|
- letter-spacing: 2px;
|
|
|
|
|
- text-align: center;
|
|
|
|
|
margin-top: 46rpx;
|
|
margin-top: 46rpx;
|
|
|
|
|
+ line-height: inherit;
|
|
|
&::after {
|
|
&::after {
|
|
|
border: none;
|
|
border: none;
|
|
|
}
|
|
}
|
|
|
|
|
+ image{
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: 100%;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.default_page{
|
|
.default_page{
|
|
@@ -120,10 +120,10 @@
|
|
|
&-code{
|
|
&-code{
|
|
|
background: #FFFFFF;
|
|
background: #FFFFFF;
|
|
|
border-radius: 16rpx;
|
|
border-radius: 16rpx;
|
|
|
- padding: 24rpx 45rpx;
|
|
|
|
|
|
|
+ padding: 27rpx 40rpx;
|
|
|
&-ewm{
|
|
&-ewm{
|
|
|
- width: 274rpx;
|
|
|
|
|
- height: 274rpx;
|
|
|
|
|
|
|
+ width: 266rpx;
|
|
|
|
|
+ height: 266rpx;
|
|
|
image{
|
|
image{
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
height: 100%;
|
|
height: 100%;
|