提交 fc273f5a 编写于 作者: huangwensu's avatar huangwensu

项目详情页分享

上级 40fac470
...@@ -6,19 +6,19 @@ ...@@ -6,19 +6,19 @@
<p :class="{'actived': step1 || step2 || step3 || step4}">项目学习</p> <p :class="{'actived': step1 || step2 || step3 || step4}">项目学习</p>
</div> </div>
<div class="step-line step-one-line" :class="{'actived': step2 || step3 || step4}"></div> <div class="step-line step-one-line" :class="{'actived': step2 || step3 || step4}"></div>
<p class="step-text step2-text" v-if="step2" @click="applyFor">立即申请></p> <p class="step-text step2-text" v-if="step2" @click="applyFor">立即申请<img src="../../images/cme/step-right-arrow.png"></p>
<div class="step-item"> <div class="step-item">
<span :class="{'actived': step2 || step3 || step4}">2</span> <span :class="{'actived': step2 || step3 || step4}">2</span>
<p :class="{'actived': step2 || step3 || step4}">申请学分</p> <p :class="{'actived': step2 || step3 || step4}">申请学分</p>
</div> </div>
<div class="step-line step-two-line" :class="{'actived': step3 || step4}"></div> <div class="step-line step-two-line" :class="{'actived': step3 || step4}"></div>
<p class="step-text step3-text" v-if="step3" @click="verifyResult">{{progressText}}></p> <p class="step-text step3-text" v-if="step3" @click="verifyResult">{{progressText}}<img src="../../images/cme/step-right-arrow.png"></p>
<div class="step-item"> <div class="step-item">
<span :class="{'actived': step3 || step4}">3</span> <span :class="{'actived': step3 || step4}">3</span>
<p :class="{'actived': step3 || step4}">学分审核</p> <p :class="{'actived': step3 || step4}">学分审核</p>
</div> </div>
<div class="step-line step-three-line" :class="{'actived': step4}"></div> <div class="step-line step-three-line" :class="{'actived': step4}"></div>
<p class="step-text step4-text" v-if="step4" @click="getScore">获得{{credit}}></p> <p class="step-text step4-text" v-if="step4" @click="getScore">获得{{credit}}<img src="../../images/cme/step-right-arrow.png"></p>
<div class="step-item"> <div class="step-item">
<span :class="{'actived': step4}">4</span> <span :class="{'actived': step4}">4</span>
<p :class="{'actived': step4}">申请成功</p> <p :class="{'actived': step4}">申请成功</p>
...@@ -251,6 +251,12 @@ export default { ...@@ -251,6 +251,12 @@ export default {
font-size: px2rem(12px); font-size: px2rem(12px);
line-height: px2rem(12px); line-height: px2rem(12px);
color: #fff; color: #fff;
img {
display: inline-block;
width: px2rem(6px);
height: px2rem(9px);
padding-left: px2rem(4px);
}
} }
.step1-text { .step1-text {
left: px2rem(20px); left: px2rem(20px);
......
...@@ -14,11 +14,11 @@ ...@@ -14,11 +14,11 @@
<!-- <img class="nav-back" src="../../images//grey-throw.png"/> --> <!-- <img class="nav-back" src="../../images//grey-throw.png"/> -->
</span> </span>
<span class="nav-title-title" v-show="bgColor!=='none'">{{title}}</span> <span class="nav-title-title" v-show="bgColor!=='none'">{{title}}</span>
<span v-show="isShowShare" class="nav-share" @click="goShare"> <span v-if="isShowShare" class="nav-share" @click="goShare">
<img <img v-show="isBlack"
src="https://pica-pro.oss-cn-shanghai.aliyuncs.com/eagle_plan/courses/Group17_hover%403x.png" src="https://pica-pro.oss-cn-shanghai.aliyuncs.com/eagle_plan/courses/Group17_hover%403x.png"
> >
<!-- <img src="../../images/share-icon.png"/> --> <img v-show="!isBlack" src="../../images/share-icon.png"/>
</span> </span>
</div> </div>
</div> </div>
...@@ -71,6 +71,14 @@ export default { ...@@ -71,6 +71,14 @@ export default {
isBlack: { isBlack: {
type: Boolean, type: Boolean,
default: true default: true
},
shareTitle: {
type: String,
default: ""
},
shareTitleInfo: {
type: String,
default: ""
} }
}, },
computed: { computed: {
...@@ -121,9 +129,9 @@ export default { ...@@ -121,9 +129,9 @@ export default {
// shareImageUrl: '_this.shareImageUrl' // shareImageUrl: '_this.shareImageUrl'
type: 6, type: 6,
shareId: 0, shareId: 0,
shareUrl: 'shareUrl', shareUrl: url,
title1: "this.shareTitle1", title1: _this.shareTitle,
title2: "this.shareTitle2", title2: _this.shareTitleInfo,
shareImageUrl: "https://file.yunqueyi.com/logo.png?version=" + new Date().getTime() shareImageUrl: "https://file.yunqueyi.com/logo.png?version=" + new Date().getTime()
}); });
} }
......
...@@ -6,7 +6,10 @@ ...@@ -6,7 +6,10 @@
:bgColor="bgColor" :bgColor="bgColor"
v-show="isShowNavbar" v-show="isShowNavbar"
:isBlack="isBlack" :isBlack="isBlack"
:isShowShare="isShowShare"
:title="navTitle" :title="navTitle"
:shareTitle="project.projectName"
:shareTitleInfo="project.projectIntro"
:isFixNavbar="isFixNavbar" :isFixNavbar="isFixNavbar"
:burialPoint="pointStyle" :burialPoint="pointStyle"
borderStyle="0px solid #fff" borderStyle="0px solid #fff"
...@@ -113,6 +116,8 @@ import vueFilters from "@/utils/filter"; ...@@ -113,6 +116,8 @@ import vueFilters from "@/utils/filter";
export default { export default {
data() { data() {
return { return {
pageTitle: "",
isShowShare: true,
premissionFlag: false, premissionFlag: false,
isSingle: false, isSingle: false,
dialogContent: "", // 弹框内容 dialogContent: "", // 弹框内容
...@@ -208,13 +213,14 @@ export default { ...@@ -208,13 +213,14 @@ export default {
_this.getProjectParticularsV2(); _this.getProjectParticularsV2();
}; };
_this.getUserInfo(); _this.getUserInfo();
if (__isWeb && process.env.BUILD_ENV == "development") { // if (__isWeb && process.env.BUILD_ENV == "development") {
let param = {}; // let param = {};
__getUserInfo64Comp(param); // __getUserInfo64Comp(param);
// }
if(__isWeb) {
_this.getProjectParticularsV2();
} }
// alert('mounted __before');
window.__refresh = function() { window.__refresh = function() {
// _this.getProjectParticularsV2();
_this.getUserInfo(); _this.getUserInfo();
}; };
...@@ -250,16 +256,9 @@ export default { ...@@ -250,16 +256,9 @@ export default {
this.isBlack = false; this.isBlack = false;
this.bgColor = "none"; this.bgColor = "none";
} }
if (scrollTop > 300) {
this.fixedFlag = true; this.fixedFlag = scrollTop > 280 ? true : false;
} else { this.tabFlag = scrollTop > h ? false : true;
this.fixedFlag = false;
}
if (scrollTop > h) {
this.tabFlag = false;
} else {
this.tabFlag = true;
}
}, },
// token是否失效校验 // token是否失效校验
checkToken() { checkToken() {
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册