专家详情页面

src/components/mobile/breadTop.vue

 <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

@@ -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

@@ -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),