Skip to content

T
techbook
Commit 43e01d9a authored by zhangyanni's avatar zhangyanni
Browse files
Options

专家详情页面

parent 17309b98
Hide whitespace changes
Inline Side-by-side
Showing with 339 additions and 4 deletions
src/components/mobile/breadTop.vue
View file @ 43e01d9a
<template>
<div class="breadWrap" :class="isColor?'breadWrap transparentWrap':''">
<div class="breadWrap" :class="[isColor?'breadWrap transparentWrap':'',isTransparent?'transWrap':'']">
<i class="iconfont icon-fanhui" @click="handleReturn" v-if="isReturn"></i>
<span class="leftTitle" :class="[isReturn&&isTranslate||!isReturn&&isTranslate?'positionLeftScreen':'',!isTranslate?'positionRightScreen':'']" @click="handleScreen" v-if="isSearch">{{$t("mobile.screenTitle")}} <i class="iconfont icon-xiala"></i></span>
<p>{{title}}</p>
......@@ -31,7 +31,8 @@
isReturnList:{
type:Boolean,
default:false
}
},
isTransparent:false
},
data() {
return {
......@@ -147,4 +148,14 @@
}
}
.transWrap{
background-image: url('../../assets/img/proFeedBack/bg.jpeg');
background-repeat: no-repeat;
background-size: cover;
background-color: transparent;
color: #fff;
&::after {
border-bottom: 1px solid transparent;
}
}
</style>
\ No newline at end of file
src/main.js
View file @ 43e01d9a
......@@ -166,7 +166,7 @@ router.beforeEach((to, from, next) => {
}
}
if(window.localStorage.getItem("userInfo") ==null){
if(to.name == 'dashboard'||to.name=='indexView'|| to.name == 'login' || to.name == 'mobileLoginCmpt'|| to.name == 'emailLoginCmpt'|| to.name == 'mobileRegisterCmpt'|| to.name == 'emailRegisterCmpt'||to.name=='completeInfoCmpt'|| to.name == 'successCmpt'||to.name=='findPasswordCmpt'||to.name=='modifyPasswordCmpt'||to.name=='passSuccessCmpt'||to.name=='indexView'||to.name=="mobileIndex"||to.name=="mobileLogin"||to.name=="loginByPhone"||to.name=="loginByEmail"||to.name=="mobileRegister"||to.name=="registerComplete"||to.name=="shareRequire"||to.name=="shareProject"||to.name=="knowledgeList"||to.name=="knowledgeDetail"||to.name=='vip'||to.name=='vipList'||to.name=='loadEmail'||to.name=='openEmail'||to.name=="viewRequire"||to.name=="phoneBusinessList"||to.name=="phoneBusinessDetail"||to.name=="phoneRequireDetail"||to.name=="bigBusinessList"||to.name=="bigBusinessDetail"||to.name=="requireDetail"||to.name=="mixSearch"||to.name=="activitylist"||to.name=="activitydetail"||to.name=="activitySearchResult"||to.name=="applyForProject"||to.name=='wechatLogin'||to.name=='newPage'||to.name=='bindAccount'||to.name=='secondStage'||to.name=='videoPreload'||to.name=='secondStageDetail'||to.name=='masterComment'||to.name=='masterList'){
if(to.name == 'dashboard'||to.name=='indexView'|| to.name == 'login' || to.name == 'mobileLoginCmpt'|| to.name == 'emailLoginCmpt'|| to.name == 'mobileRegisterCmpt'|| to.name == 'emailRegisterCmpt'||to.name=='completeInfoCmpt'|| to.name == 'successCmpt'||to.name=='findPasswordCmpt'||to.name=='modifyPasswordCmpt'||to.name=='passSuccessCmpt'||to.name=='indexView'||to.name=="mobileIndex"||to.name=="mobileLogin"||to.name=="loginByPhone"||to.name=="loginByEmail"||to.name=="mobileRegister"||to.name=="registerComplete"||to.name=="shareRequire"||to.name=="shareProject"||to.name=="knowledgeList"||to.name=="knowledgeDetail"||to.name=='vip'||to.name=='vipList'||to.name=='loadEmail'||to.name=='openEmail'||to.name=="viewRequire"||to.name=="phoneBusinessList"||to.name=="phoneBusinessDetail"||to.name=="phoneRequireDetail"||to.name=="bigBusinessList"||to.name=="bigBusinessDetail"||to.name=="requireDetail"||to.name=="mixSearch"||to.name=="activitylist"||to.name=="activitydetail"||to.name=="activitySearchResult"||to.name=="applyForProject"||to.name=='wechatLogin'||to.name=='newPage'||to.name=='bindAccount'||to.name=='secondStage'||to.name=='videoPreload'||to.name=='secondStageDetail'||to.name=='masterComment'||to.name=='masterList'||to.name=='masterDetail'){
} else{
if(to.path == '/questionfill'||to.path == '/casedetailschild'||to.path == '/lndustryfocuschild'||to.path == '/successfulcasechild'||to.path == '/projectdetails'||to.path == '/seeprojectlist'||to.path == '/projectlist'||to.path == '/viewproject'||to.path == '/templateMobile1'||to.path == '/knowledge'||to.path == '/knowledgedetails'||to.path == '/termserviceed'||to.path == '/privacypolicyed'||to.path == '/contactused'||to.path == '/aboutused'||to.path == '/casedetailsed'||to.path == '/lndustryfocused'||to.path == '/successfulcaseed'||to.path == '/usehelped'||to.path == '/useHelp'||to.path == '/reminder'||to.path == '/contactus' ||to.path == '/privacypolicy' ||to.path == '/termservice' ||to.path == '/casedetails' ||to.path == '/successfulcase' ||to.path == '/lndustryfocus' ||to.path == '/aboutus'||to.path=='/applicationnotice' ){
......
src/router.js
View file @ 43e01d9a
......@@ -90,7 +90,8 @@ import videoPreload from './views/mobile/proFeedback/videoPreload';//视频播
import secondStage from './views/mobile/proFeedback/secondStage';//项目评审
import secondStageDetail from './views/mobile/proFeedback/secondStageDetail';//项目评审详情
import masterComment from './views/mobile/proFeedback/masterComment';//专家点评
import masterList from './views/mobile/proFeedback/masterList';//专家点评
import masterList from './views/mobile/proFeedback/masterList';//专家列表
import masterDetail from './views/mobile/proFeedback/masterDetail';//专家详情
Vue.use(Router)
......@@ -897,6 +898,11 @@ export default new Router({
name:"masterList",
component:masterList
},
{
path:'/masterDetail',
name:"masterDetail",
component:masterDetail
},
{
path: '/reminder',
component: resolve => require(['./views/mobile/reminder.vue'], resolve),
......
src/views/mobile/proFeedback/masterDetail.vue 0 → 100644
View file @ 43e01d9a
<template>
<div class="overfolowWrapper">
<breadTop :title="title" isTransparent="true" :isSearch="false" :isReturn="true" style="z-index: 1000;"></breadTop>
<div class="phoneBanner">
<p class="imgWrap">
<img :src="require('../../../assets/img/bigBusinessLogo@2x.png')"
alt="" class="logoImg">
</p>
<p class="shareTitle">
张燕妮张燕妮张燕妮
</p>
<p class="shareCompany">
董事长
</p>
<p class="simpleIntro">
<span>我是谁我在那我是谁我在那我是谁我在那我是谁我在那我是谁我在那我是谁我在那我是谁我在那我是谁我在那</span>
</p>
</div>
<div class="allTabInfoDetail projectIntro">
<div class="tabInfo">
<span class="leftTab"></span>
<span>TA点评的项目<span style="color: #69697A;"> (318)</span></span>
</div>
<div class="div1px" style="margin-top: .3rem;"></div>
<div class="content projectContent">
<div class="topInfo">
<p class="title">我我我我我说我我我我我说我我我我我说我我我我我说</p>
<p v-if="isShowAllSimpleIntro" class="simpleIntro" :class="isShowAllSimpleIntro?'showTwoLine':''"><span>{{simpleIntro.slice(0,45)}}...<span class="xialaicon" @click="isShowAllSimpleIntro = !isShowAllSimpleIntro">全文</span></span></p>
<p v-if="!isShowAllSimpleIntro" class="simpleIntro"><span>{{simpleIntro}}<span class="xialaicon" @click="isShowAllSimpleIntro = !isShowAllSimpleIntro">收起</span></span></p>
</div>
<div class="commentContent">
<div class="firstComment">
<div class="topInfo">
<div class="leftInfo" :style="{backgroundImage:'url('+require('../../../assets/img/activity01.png')+')'}">
<i class="iconfont icon-vip1"></i>
</div>
<div class="rightInfo">
<p>高光旭</p>
<p>
环境搭建需要很多硬件设施环境搭建需要很多硬件设施基于运维适合规划适合基于运维适合规划适合适合规划适合基于运维适合
</p>
</div>
</div>
<div class="bottomInfo">
<div class="secondComment">
<div class="allCommentNum">
<span style="color: #5d78ff;">小白兔、大灰狼...</span>等人 <span style="color: #5d78ff;">共 10 条回复</span>
</div>
</div>
<div class="scoreZan">
<p><span>项目评分：</span><span>8.9</span></p>
<p><i class="iconfont icon-zan1"></i><span>291</span></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import breadTop from '../../../components/mobile/breadTop';
export default {
name: "masterDetail",
components:{
breadTop
},
data(){
return{
title:"",
isShowAllSimpleIntro:true,
simpleIntro:"我我我我我说我我我我我说我我我我我说我我我我我说我我我我我说我我我我我说我我我我我说我我我我我说我我我我我说我我我我我说我我我我我说我我我我我说我我我我我说我我我我我说我我我我我说我我我我我说我我我我我说我我我我我说我我我我我说我我我我我说"
}
},
methods:{
}
}
</script>
<style scoped lang="scss">
.overfolowWrapper{
background: url("../../../assets/img/proFeedBack/bg.jpeg") repeat-y;
background-size: cover;
min-height: 100%;
}
.phoneBanner {
background: transparent;
height: auto;
padding-top: .8rem;
.imgWrap{
margin-top: .2rem;
background: transparent;
}
.logoImg{
border-radius: 50%;
}
.shareTitle{
margin-bottom: .2rem;
}
.techAuth {
padding-bottom: .35rem;
img {
width: 2.05rem;
height: .44rem;
}
}
.simpleIntro{
color: #C8CBE0;
line-height: .48rem;
font-size: .28rem;
margin-bottom: 0;
}
}
.leftTab{
display: inline-block;
width: .06rem;
height: .3rem;
background-color: #5d78ff;
margin-right: .1rem;
border-radius: .06rem;
}
.leftTab+span{
font-size: .32rem;
color: #3F3F53;
font-weight: 500;
}
.div1px{
height: 0.02rem;
background: #E8EAF3;
width: 100%;
max-height: 0.02rem;
}
.allTabInfoDetail{
padding: .3rem .2rem;
background: #fff;
.tabInfo{
padding-left: .05rem;
display: flex;
align-items: center;
background-color: #fff;
&>div{
width:calc(100% - 0.05rem);
display: flex;
justify-content: space-between;
align-items: center;
&>span{
display: inline-block;
font-size: .32rem;
}
.join{
color: #69697A;
font-size: .24rem;
}
}
.el-button{
color: #565B79;
font-weight: normal;
position: absolute;
right: .2rem;
}
i{
padding-right: .08rem;
font-size: .28rem;
}
.icon-paixu-jiang:before{
color: #9197B4;
}
.tipsSelect{
width: 1.8rem;
position: absolute;
right: .2rem;
top: .45rem;
box-shadow:0px 2px 6px 0px rgba(0,0,0,0.5);
border-radius:.06rem;
background-color: #fff;
z-index: 1000;
li{
width: 1.8rem;
height: .7rem;
line-height: .7rem;
padding-right: .2rem;
text-align: right;
i{
color: #5d78ff;
}
}
}
}
&>div.content{
padding: .3rem 0;
.xialaicon{
padding-left: .1rem;
color: #5d78ff;
}
}
}
.projectIntro{
.projectContent{
p.title{
color: #1A1A1E;
font-size: .28rem;
font-weight:500;
}
p.simpleIntro{
padding-top: .1rem;
color: #9197B4;
line-height:.48rem;
font-size: .28rem;
}
.commentContent{
padding: 0 .1rem;
.firstComment{
padding-top: .3rem;
width: 100%;
.topInfo{
display: flex;
justify-content: space-between;
.leftInfo{
width: .8rem;
height: .8rem;
background-size: cover;
background-position: center center;
border-radius: 50%;
position:relative;
i{
position: absolute;
right: 0;
bottom: 0;
}
}
.rightInfo{
color: #69697A;
width: calc(100% - 1rem);
&>p:last-of-type{
display: flex;
padding-top: .1rem;
line-height: .48rem;
color: #3F3F53;
}
}
}
.bottomInfo{
width: 100%;
padding-left: 1rem;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
color: #3F3F53;
padding-top: .1rem;
&>p{
width: 100%;
line-height:.48rem;
}
&>p:last-of-type{
padding-top: .24rem;
display: flex;
justify-content: flex-end;
padding-bottom: .26rem;
&>span{
display: inline-block;
padding: 0 .2rem;
text-align: right;
i{
margin-right: .05rem;
}
}
}
}
}
.secondComment{
margin-top: .15rem;
background: #F6F6F6;
padding: .1rem .2rem;
width: 100%;
.allCommentNum{
color: #3F3F53;
}
}
.scoreZan{
width:100%;
display: flex;
justify-content: space-between;
padding: .2rem 0;
&>p:first-of-type{
&>span:first-of-type{
color: #9197B4;
}
&>span:last-of-type{
color: #69697A;
padding-left: .05rem;
}
}
&>p:last-of-type{
color: #69697A;
&>span{
padding-left: .1rem;
}
}
}
}
}
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment