微信登录页面

src/common/lang/en.js

@@ -169,7 +169,8 @@ module.exports = {
         contactUs:"Contact Us",
         protocol:"Service Terms",
         protocol2: "Privacy Policy",
-        kfWechat:"Customer Service on WeChat"
+        kfWechat:"Customer Service on WeChat",
+        friendlyLink: "Partners"
     },
 
     errorValidate:{//错误提示

src/common/lang/zh.js

@@ -166,7 +166,8 @@ module.exports = {
         contactUs: "联系我们",
         protocol: "服务条款",
         protocol2: "隐私政策",
-        kfWechat: "客服微信"
+        kfWechat: "客服微信",
+        friendlyLink:"友情链接",
     },
 
     errorValidate: {//错误提示

src/main.js

@@ -163,7 +163,7 @@ router.beforeEach((to, from, next) => {
         }
     }
     if(window.sessionStorage.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"){
+        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'){
         } else{
             if(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

@@ -84,6 +84,7 @@ import activitySearchResult from './views/mobile/activityApply/searchResult';//
 import applyForProject from './views/mobile/activityApply/applyForPro';//报名项目征集
 import knowledgeList from './views/knowledge/mobile/list';//知识资源列表
 import knowledgeDetail from './views/knowledge/mobile/detail';//知识资源详情
+import wechatLogin from './views/mobile/loginregister/wechatLogin';//微信登录
 Vue.use(Router)
 
 export default new Router({
@@ -822,6 +823,11 @@ export default new Router({
                   name:"mobileAddAuth",
                   component:mobileAddAuth
                 },
+                {
+                    path:'/wechatLogin',
+                    name:"wechatLogin",
+                    component:wechatLogin
+                },
                 {
                     path:'/activitylist',
                     name:"activitylist",

src/views/mobile/index.vue

 <template>
     <div>
         <PageTop></PageTop>
-        <div class="mobileContent">
+        <div class="mobileContent" :style="{backgroundColor:$route.name=='mobileIndex'?'#ECECF2':'unset'}">
             <router-view/>
         </div>
         <PageBottom></PageBottom>

src/views/mobile/index/index.vue

@@ -168,6 +168,21 @@
                 </div>
             </div>
         </div>
+
+        <div class="tabWrapper firendLinkWrapper">
+            <div class="topTitle">
+                <h4>{{$t("bottomNav.friendlyLink")}}</h4>
+                <div class="borderBottom80px"></div>
+            </div>
+            <div class="partnerUl">
+                <ul>
+                    <li v-for="item in friendlyLink" :key="item.id" @click="handleToLink(item,index)">
+                        <img :src="item.imageUrl" alt="">
+                    </li>
+                </ul>
+            </div>
+
+        </div>
     </div>
 </template>
 
@@ -268,7 +283,22 @@
                 caseInfo:[],
                 lang:this.$i18n.locale=="zh-CN"?1:2,
                 isCompleteInfo:true,
-                userInfo:null
+                userInfo:null,
+                friendlyLink:[{
+                    id:1,
+                    imageUrl:require("../../../assets/img/index/mobilegushu.png"),
+                    href:"www.kapbook.com"
+                },{
+                    id:2,
+                    imageUrl:require("../../../assets/img/index/mobilehuaweiyun.png"),
+                    href:"www.huaweicloud.com"
+
+                },{
+                    id:3,
+                    imageUrl:require("../../../assets/img/index/mobilezhongfa.png"),
+                    href:"www.zfa.cn"
+
+                }]
             }
         },
         methods:{
@@ -358,6 +388,12 @@
                 globalMsg.$emit('sendIndex',4);
                 this.$router.push({path:'/casedetailsed',query:{entid:item.id}})
             },
+
+            //友情链接
+            handleToLink(item,index){
+                window.open(item.href,"_blank")
+            },
+
             //注册
             handleRegister(){
                 this.$router.push("/mobileRegister");
@@ -775,6 +811,23 @@
         }
     }
 }
+.firendLinkWrapper{
+    background: #ECECF2;
+    & .borderBottom80px {
+        background-color: #5D78FF;
+    }
+    &>.partnerUl{
+        padding: 0 .3rem;
+        padding-top: .6rem;
+        &>ul{
+            display: flex;
+            justify-content: space-between;
+            li{
+                flex: 1;
+            }
+        }
+    }
+}
 
 
 

src/views/mobile/loginregister/wechatLogin.vue

+<template>
+    <div>
+        <el-button @click="handleToLogin">
+            微信登录
+        </el-button>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "wechatLogin",
+        data(){
+            return{
+
+            }
+        },
+        methods:{
+            handleToLogin(){
+                window.location.href = window.location.href = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxee45e7741a73c4c1&redirect_uri=www.techbook.vip&response_type=code&scope=SCOPE&state=STATE#wechat_redirect"
+            }
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file