|
|
@@ -35,8 +35,8 @@
|
|
|
<!--<img class="get-btn-box" src="image/get-free.gif" alt="" onclick="isfollowqr('http://open.weixin.qq.com/qr/code?username=hszuqiu')" />-->
|
|
|
|
|
|
<div class="download-box">
|
|
|
- <img class="get-btn-box" src="image/get-free.gif" alt="" @click="goWeChat" v-if="shareCount < 3" />
|
|
|
- <div v-else>
|
|
|
+ <img class="get-btn-box" src="image/get-free.gif" alt="free" @click="goWeChat" v-if="startCount > 1"/>
|
|
|
+ <div class="download-content" v-else>
|
|
|
<div>
|
|
|
<span>第一步.</span>
|
|
|
<span>复制提取码</span>
|
|
|
@@ -58,9 +58,9 @@
|
|
|
<img src="./image/share-arrow.png" alt="">
|
|
|
<div class="share-content">
|
|
|
<p>为了帮助更多的家庭</p>
|
|
|
- <p>点击菜单<span>“发送给朋友”</span></p>
|
|
|
- <p>分享到<span>{{this.shareCount}}个</span>家长群或特教群</p>
|
|
|
- <p>分享成功后即可学习!</p>
|
|
|
+ <p>点击菜单<span class="share-font">“发送给朋友”</span></p>
|
|
|
+ <p>分享到<span class="share-font">{{this.startCount}}个</span>家长群或特教群</p>
|
|
|
+ <p class="share-font">分享成功后即可学习!</p>
|
|
|
</div>
|
|
|
<footer class="share-footer" @click="closeShareModal">知道了</footer>
|
|
|
</div>
|
|
|
@@ -83,6 +83,7 @@
|
|
|
isFollow:'0',
|
|
|
openId:'',
|
|
|
shareCount:0,
|
|
|
+ startCount:3,
|
|
|
isShareFlag:false
|
|
|
},
|
|
|
methods:{
|
|
|
@@ -159,6 +160,10 @@
|
|
|
dataUrl: '', // 如果type为：music | video，则要提供数据，默认为：空
|
|
|
success: function(){
|
|
|
console.log('share success')
|
|
|
+ this.startCount--;
|
|
|
+ if(this.startCount === 0){
|
|
|
+ this.isShareFlag = false;
|
|
|
+ }
|
|
|
},
|
|
|
cancel: function(){
|
|
|
console.log('share cancel')
|
|
|
@@ -312,7 +317,7 @@
|
|
|
text-align: center;
|
|
|
color: #F3F3F3;
|
|
|
border: 1px dashed;
|
|
|
- padding: 5px;
|
|
|
+ padding: 25px;
|
|
|
border-radius: 25px;
|
|
|
margin-top: 30px;
|
|
|
}
|
|
|
@@ -327,5 +332,9 @@
|
|
|
border-radius: 5px;
|
|
|
}
|
|
|
|
|
|
+ .share-font {
|
|
|
+ color: rgba(166,44,53,1);
|
|
|
+ }
|
|
|
+
|
|
|
</style>
|
|
|
</html>
|
