|
|
@@ -27,7 +27,7 @@
|
|
|
</div>
|
|
|
|
|
|
|
|
|
- <div class="num-box">
|
|
|
+ <div class="num-box" v-if="startCount > 0">
|
|
|
已有 <span style="color: #A4404E">{{num}}</span> 人领取成功
|
|
|
</div>
|
|
|
|
|
|
@@ -38,17 +38,17 @@
|
|
|
<img class="get-btn-box" src="image/get-free.gif" alt="free" @click="goWeChat" v-if="startCount > 0"/>
|
|
|
<div class="download-content" v-if="startCount === 0">
|
|
|
<div>
|
|
|
- <span>第一步.</span>
|
|
|
- <span>复制提取码</span>
|
|
|
- <span>qaki</span>
|
|
|
+ <i>第一步.</i>
|
|
|
+ <span class="font-monospace">复制提取码</span>
|
|
|
+ <span class="download-code">{{download.code}}</span>
|
|
|
<button>复制</button>
|
|
|
</div>
|
|
|
<div>
|
|
|
- <span>第二步.</span>
|
|
|
- <span>下载地址:</span>
|
|
|
- <span>qaki</span>
|
|
|
+ <i>第二步.</i>
|
|
|
+ <span class="font-monospace">下载地址:</span>
|
|
|
+ <a class="share-font">{{download.url}}</a>
|
|
|
</div>
|
|
|
- <div>
|
|
|
+ <div style="font-size: 14px">
|
|
|
【温馨提示】不建议购买网盘会员，由于文件过大，请保存后在电脑上打开网盘，先下载到本地电脑，再解压!
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -84,7 +84,11 @@
|
|
|
openId:'',
|
|
|
shareCount:0,
|
|
|
startCount:4,
|
|
|
- isShareFlag:false
|
|
|
+ isShareFlag:false,
|
|
|
+ downLoadObj:{
|
|
|
+ code:'qaki',
|
|
|
+ url:'https://pan.baidu.com/s/1TwABWTpV8cMID9j2_hMdag'
|
|
|
+ }
|
|
|
},
|
|
|
methods:{
|
|
|
goWeChat(){
|
|
|
@@ -292,8 +296,34 @@
|
|
|
.download-box {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
+ padding: 10px;
|
|
|
}
|
|
|
|
|
|
+ .download-box i {
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: 700;
|
|
|
+ }
|
|
|
+ .download-box button {
|
|
|
+ color: #fff;
|
|
|
+ background-color: rgba(206,61,70,1);
|
|
|
+ width: 75px;
|
|
|
+ border-radius: 20px;
|
|
|
+ height: 40px;
|
|
|
+ font-size: 16px;
|
|
|
+ border: none;
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
+ .font-monospace {
|
|
|
+ font-size: 18px;
|
|
|
+ font-family: monospace;
|
|
|
+ font-weight: 600;
|
|
|
+ }
|
|
|
+
|
|
|
+ .download-code {
|
|
|
+ border: 1px dashed #888;
|
|
|
+ padding: 8px;
|
|
|
+ color: rgba(166,44,53,1);
|
|
|
+ }
|
|
|
|
|
|
.modal-share {
|
|
|
width: 100%;
|
