首页
Showing
6 changed files
with
34 additions
and
18 deletions
| ... | @@ -209,6 +209,8 @@ li.el-select-dropdown__item { | ... | @@ -209,6 +209,8 @@ li.el-select-dropdown__item { |
| 209 | } | 209 | } |
| 210 | } | 210 | } |
| 211 | 211 | ||
| 212 | //字体设置; | ||
| 213 | |||
| 212 | @media (max-width: 1600px) { | 214 | @media (max-width: 1600px) { |
| 213 | .el-menu--horizontal > .el-menu-item { | 215 | .el-menu--horizontal > .el-menu-item { |
| 214 | padding: 0 15px; | 216 | padding: 0 15px; | ... | ... |
src/assets/pc/logo2.png
0 → 100644
209 KB
| ... | @@ -2,7 +2,11 @@ | ... | @@ -2,7 +2,11 @@ |
| 2 | <div class="topNav"> | 2 | <div class="topNav"> |
| 3 | <router-link to="/"> | 3 | <router-link to="/"> |
| 4 | <!-- <img class="logo" src="@/assets/v1/nav_logo.png">--> | 4 | <!-- <img class="logo" src="@/assets/v1/nav_logo.png">--> |
| 5 | <img class="logo" src="/img/logo.png"> | 5 | <!-- <img class="logo" src="/img/logo.png">--> |
| 6 | <div style="display: flex;"> | ||
| 7 | <img class="logo" src="@/assets/pc/bottom_logo.png"> | ||
| 8 | <img class="logo" src="@/assets/pc/logo2.png"> | ||
| 9 | </div> | ||
| 6 | </router-link> | 10 | </router-link> |
| 7 | 11 | ||
| 8 | <div class="home-menu forPc"> | 12 | <div class="home-menu forPc"> | ... | ... |
| ... | @@ -7,7 +7,7 @@ | ... | @@ -7,7 +7,7 @@ |
| 7 | append-to-body | 7 | append-to-body |
| 8 | class="searchpp" | 8 | class="searchpp" |
| 9 | destroy-on-close | 9 | destroy-on-close |
| 10 | style="padding-top: 10px" | 10 | style="padding-top: 50px" |
| 11 | title="搜索" | 11 | title="搜索" |
| 12 | top="80px" | 12 | top="80px" |
| 13 | width="80vw" | 13 | width="80vw" | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <el-dialog | 2 | <el-dialog |
| 3 | v-model="show" class="searchpp" width="80vw" append-to-body title="SEARCH" | 3 | v-model="show" |
| 4 | :close-on-click-modal="true" | ||
| 5 | :modal="false" | ||
| 6 | :show-close="true" | ||
| 7 | append-to-body | ||
| 8 | class="searchpp" | ||
| 9 | destroy-on-close | ||
| 10 | style="padding-top: 50px" | ||
| 11 | title="SEARCH" | ||
| 4 | top="80px" | 12 | top="80px" |
| 5 | destroy-on-close :show-close="true" :close-on-click-modal="true" :modal="false" | 13 | width="80vw" |
| 6 | > | 14 | > |
| 7 | <div class="searchBody"> | 15 | <div class="searchBody"> |
| 8 | <div class="searchline"> | 16 | <div class="searchline"> |
| 9 | <el-input v-model="query.name" placeholder="Search entire site" @change="search" /> | 17 | <el-input v-model="query.name" placeholder="Search entire site" @change="search"/> |
| 10 | <el-button :icon="Search" @click="search">search</el-button> | 18 | <el-button icon="Search" @click="search">search</el-button> |
| 11 | </div> | 19 | </div> |
| 12 | 20 | ||
| 13 | </div> | 21 | </div> |
| 14 | </el-dialog> | 22 | </el-dialog> |
| 15 | </template> | 23 | </template> |
| 16 | 24 | ||
| 17 | <script setup> | 25 | <script setup> |
| 18 | import { onMounted, ref } from 'vue' | 26 | import {onMounted, ref} from 'vue' |
| 19 | import { Search } from '@element-plus/icons-vue' | 27 | import {Search} from '@element-plus/icons-vue' |
| 28 | |||
| 20 | const router = useRouter() | 29 | const router = useRouter() |
| 21 | import { getHottest } from '@/apiPc/webSite' | 30 | import {getHottest} from '@/apiPc/webSite' |
| 22 | import { useRouter } from 'vue-router' | 31 | import {useRouter} from 'vue-router' |
| 23 | 32 | ||
| 24 | const show = ref(false) | 33 | const show = ref(false) |
| 25 | const query = ref({}) | 34 | const query = ref({}) |
| ... | @@ -47,6 +56,7 @@ function search() { | ... | @@ -47,6 +56,7 @@ function search() { |
| 47 | } | 56 | } |
| 48 | }) | 57 | }) |
| 49 | } | 58 | } |
| 59 | |||
| 50 | const goDetail = (n) => { | 60 | const goDetail = (n) => { |
| 51 | show.value = false | 61 | show.value = false |
| 52 | if (n.isOut == '1') { | 62 | if (n.isOut == '1') { |
| ... | @@ -59,7 +69,7 @@ const goDetail = (n) => { | ... | @@ -59,7 +69,7 @@ const goDetail = (n) => { |
| 59 | } | 69 | } |
| 60 | </script> | 70 | </script> |
| 61 | 71 | ||
| 62 | <style scoped lang="scss"> | 72 | <style lang="scss" scoped> |
| 63 | h2 { | 73 | h2 { |
| 64 | font-size: 24px; | 74 | font-size: 24px; |
| 65 | margin: 30px 0 15px; | 75 | margin: 30px 0 15px; |
| ... | @@ -69,11 +79,11 @@ h2 { | ... | @@ -69,11 +79,11 @@ h2 { |
| 69 | margin: 0; | 79 | margin: 0; |
| 70 | font-size: 18px; | 80 | font-size: 18px; |
| 71 | color: #7B7F83; | 81 | color: #7B7F83; |
| 72 | 82 | ||
| 73 | span { | 83 | span { |
| 74 | margin-right: 20px; | 84 | margin-right: 20px; |
| 75 | cursor: pointer; | 85 | cursor: pointer; |
| 76 | 86 | ||
| 77 | &:hover { | 87 | &:hover { |
| 78 | text-decoration: underline; | 88 | text-decoration: underline; |
| 79 | } | 89 | } |
| ... | @@ -89,14 +99,14 @@ h2 { | ... | @@ -89,14 +99,14 @@ h2 { |
| 89 | height: 60px; | 99 | height: 60px; |
| 90 | margin: 30px 0; | 100 | margin: 30px 0; |
| 91 | background: #F8F8F8; | 101 | background: #F8F8F8; |
| 92 | 102 | ||
| 93 | .el-input { | 103 | .el-input { |
| 94 | border: none; | 104 | border: none; |
| 95 | background: transparent; | 105 | background: transparent; |
| 96 | outline: none; | 106 | outline: none; |
| 97 | font-size: 18px; | 107 | font-size: 18px; |
| 98 | } | 108 | } |
| 99 | 109 | ||
| 100 | .el-button { | 110 | .el-button { |
| 101 | width: 130px; | 111 | width: 130px; |
| 102 | font-size: 20px; | 112 | font-size: 20px; |
| ... | @@ -106,7 +116,7 @@ h2 { | ... | @@ -106,7 +116,7 @@ h2 { |
| 106 | background: #000;; | 116 | background: #000;; |
| 107 | border-radius: 0px 5px 5px 0px; | 117 | border-radius: 0px 5px 5px 0px; |
| 108 | } | 118 | } |
| 109 | 119 | ||
| 110 | :deep(.el-input__wrapper) { | 120 | :deep(.el-input__wrapper) { |
| 111 | background-color: transparent; | 121 | background-color: transparent; |
| 112 | box-shadow: none; | 122 | box-shadow: none; | ... | ... |
| ... | @@ -43,7 +43,7 @@ | ... | @@ -43,7 +43,7 @@ |
| 43 | <el-option :label="language==0?'TE/PU(外办)邀请函':'TE/PU letter'" value="2"/> | 43 | <el-option :label="language==0?'TE/PU(外办)邀请函':'TE/PU letter'" value="2"/> |
| 44 | </el-select> | 44 | </el-select> |
| 45 | </el-form-item> | 45 | </el-form-item> |
| 46 | <el-form-item label="Proof of Employment" prop="invitationFileArr" required> | 46 | <el-form-item v-if="form.invitationType==2" label="Proof of Employment" prop="invitationFileArr" required> |
| 47 | <div class="red">Proof of employment is required for TE/PU letter letters.</div> | 47 | <div class="red">Proof of employment is required for TE/PU letter letters.</div> |
| 48 | <div class="red"> | 48 | <div class="red"> |
| 49 | This document must be issued by the invitee's association and must bear an official stamp or signature. | 49 | This document must be issued by the invitee's association and must bear an official stamp or signature. | ... | ... |
-
Please register or sign in to post a comment