国旗
Showing
6 changed files
with
39 additions
and
5 deletions
src/assets/nationalFlag/hk.jpg
0 → 100644
44.6 KB
src/assets/nationalFlag/hk.png
0 → 100644
91.7 KB
| ... | @@ -173,7 +173,10 @@ | ... | @@ -173,7 +173,10 @@ |
| 173 | <el-table-column label="国家" prop="name"> | 173 | <el-table-column label="国家" prop="name"> |
| 174 | <template #default="scope"> | 174 | <template #default="scope"> |
| 175 | <div> | 175 | <div> |
| 176 | <span :class="`flag-icon flag-icon-${scope.row.code}`" /> | 176 | <span v-if="scope.row.code!='hk'" :class="`flag-icon flag-icon-${scope.row.code}`" /> |
| 177 | <span v-else class="flag-icon"> | ||
| 178 | <img :src="hkImage" alt="" class="hkimg"> | ||
| 179 | </span> | ||
| 177 | {{ language == 0 ? scope.row.name : scope.row.enName }} | 180 | {{ language == 0 ? scope.row.name : scope.row.enName }} |
| 178 | </div> | 181 | </div> |
| 179 | </template> | 182 | </template> |
| ... | @@ -452,6 +455,7 @@ import 'swiper/css' | ... | @@ -452,6 +455,7 @@ import 'swiper/css' |
| 452 | import { dayjs } from 'element-plus' | 455 | import { dayjs } from 'element-plus' |
| 453 | import * as match from '@/apiPc/match' | 456 | import * as match from '@/apiPc/match' |
| 454 | import { getAboutUs, getppInfo, getZNList } from '@/apiPc/match' | 457 | import { getAboutUs, getppInfo, getZNList } from '@/apiPc/match' |
| 458 | import hkImage from '@/assets/nationalFlag/hk.png' | ||
| 455 | 459 | ||
| 456 | import AffixInvitation from '/@/viewsPc/match/components/affix-invitation.vue' | 460 | import AffixInvitation from '/@/viewsPc/match/components/affix-invitation.vue' |
| 457 | import { useStorage } from '@vueuse/core/index' | 461 | import { useStorage } from '@vueuse/core/index' |
| ... | @@ -1260,4 +1264,11 @@ function applyInvitation() { | ... | @@ -1260,4 +1264,11 @@ function applyInvitation() { |
| 1260 | left: 5px; | 1264 | left: 5px; |
| 1261 | top: 50%; | 1265 | top: 50%; |
| 1262 | } | 1266 | } |
| 1267 | |||
| 1268 | .hkimg { | ||
| 1269 | width: 19px; | ||
| 1270 | height: 14px; | ||
| 1271 | position: absolute; | ||
| 1272 | top: 0; | ||
| 1273 | } | ||
| 1263 | </style> | 1274 | </style> | ... | ... |
| ... | @@ -63,7 +63,10 @@ | ... | @@ -63,7 +63,10 @@ |
| 63 | <el-table-column :label="language==0?'国家':'Country'" min-width="200" prop="name"> | 63 | <el-table-column :label="language==0?'国家':'Country'" min-width="200" prop="name"> |
| 64 | <template #default="scope"> | 64 | <template #default="scope"> |
| 65 | <div> | 65 | <div> |
| 66 | <span :class="`flag-icon flag-icon-${scope.row.code}`" /> | 66 | <span v-if="scope.row.code!='hk'" :class="`flag-icon flag-icon-${scope.row.code}`" /> |
| 67 | <span v-else class="flag-icon"> | ||
| 68 | <img :src="hkImage" alt="" class="hkimg"> | ||
| 69 | </span> | ||
| 67 | {{ language == 0 ? scope.row.name : scope.row.enName }} | 70 | {{ language == 0 ? scope.row.name : scope.row.enName }} |
| 68 | </div> | 71 | </div> |
| 69 | </template> | 72 | </template> |
| ... | @@ -160,6 +163,7 @@ import { cjList } from '@/assets/js/data' | ... | @@ -160,6 +163,7 @@ import { cjList } from '@/assets/js/data' |
| 160 | import { ArrowRight } from '@element-plus/icons-vue' | 163 | import { ArrowRight } from '@element-plus/icons-vue' |
| 161 | import { dayjs } from 'element-plus' | 164 | import { dayjs } from 'element-plus' |
| 162 | import * as match from '@/apiPc/match' | 165 | import * as match from '@/apiPc/match' |
| 166 | import hkImage from '@/assets/nationalFlag/hk.png' | ||
| 163 | 167 | ||
| 164 | const router = useRouter() | 168 | const router = useRouter() |
| 165 | import { useStorage } from '@vueuse/core/index' | 169 | import { useStorage } from '@vueuse/core/index' |
| ... | @@ -441,4 +445,11 @@ h3 { | ... | @@ -441,4 +445,11 @@ h3 { |
| 441 | background-clip: text; /* 标准语法 */ | 445 | background-clip: text; /* 标准语法 */ |
| 442 | -webkit-text-fill-color: transparent; /* 文字颜色透明 */ | 446 | -webkit-text-fill-color: transparent; /* 文字颜色透明 */ |
| 443 | } | 447 | } |
| 448 | |||
| 449 | .hkimg { | ||
| 450 | width: 19px; | ||
| 451 | height: 14px; | ||
| 452 | position: absolute; | ||
| 453 | top: 0; | ||
| 454 | } | ||
| 444 | </style> | 455 | </style> | ... | ... |
| ... | @@ -20,7 +20,11 @@ | ... | @@ -20,7 +20,11 @@ |
| 20 | <el-table-column :label="language==0?'国家':'Country'" prop="name"> | 20 | <el-table-column :label="language==0?'国家':'Country'" prop="name"> |
| 21 | <template #default="scope"> | 21 | <template #default="scope"> |
| 22 | <div> | 22 | <div> |
| 23 | <span :class="`flag-icon flag-icon-${query.code}`" /> | 23 | <!-- <span :class="`flag-icon flag-icon-${query.code}`" />--> |
| 24 | <span v-if="query.code!='hk'" :class="`flag-icon flag-icon-${query.code}`" /> | ||
| 25 | <span v-else class="flag-icon"> | ||
| 26 | <img :src="hkImage" alt="" class="hkimg"> | ||
| 27 | </span> | ||
| 24 | {{ language == 0 ? scope.row.countryName : scope.row.countryNameEn }} | 28 | {{ language == 0 ? scope.row.countryName : scope.row.countryNameEn }} |
| 25 | </div> | 29 | </div> |
| 26 | </template> | 30 | </template> |
| ... | @@ -49,6 +53,7 @@ | ... | @@ -49,6 +53,7 @@ |
| 49 | import { onMounted, ref } from 'vue' | 53 | import { onMounted, ref } from 'vue' |
| 50 | import * as match from '@/apiPc/match' | 54 | import * as match from '@/apiPc/match' |
| 51 | import { useRoute } from 'vue-router' | 55 | import { useRoute } from 'vue-router' |
| 56 | import hkImage from '@/assets/nationalFlag/hk.png' | ||
| 52 | 57 | ||
| 53 | const route = useRoute() | 58 | const route = useRoute() |
| 54 | import { useStorage } from '@vueuse/core/index' | 59 | import { useStorage } from '@vueuse/core/index' |
| ... | @@ -227,4 +232,11 @@ h3 { | ... | @@ -227,4 +232,11 @@ h3 { |
| 227 | .w15 { | 232 | .w15 { |
| 228 | width: 15%; | 233 | width: 15%; |
| 229 | } | 234 | } |
| 235 | |||
| 236 | .hkimg { | ||
| 237 | width: 19px; | ||
| 238 | height: 14px; | ||
| 239 | position: absolute; | ||
| 240 | top: 0; | ||
| 241 | } | ||
| 230 | </style> | 242 | </style> | ... | ... |
| ... | @@ -83,9 +83,9 @@ export default defineConfig(({ mode, command }) => { | ... | @@ -83,9 +83,9 @@ export default defineConfig(({ mode, command }) => { |
| 83 | rewrite: (p) => p.replace(/^\/dev-api\/ztx-webSite/, '') | 83 | rewrite: (p) => p.replace(/^\/dev-api\/ztx-webSite/, '') |
| 84 | }, | 84 | }, |
| 85 | '/dev-api': { | 85 | '/dev-api': { |
| 86 | target: 'http://192.168.1.213:8081/', | 86 | // target: 'http://192.168.1.213:8081/', |
| 87 | // target: 'http://192.168.1.118:8081', | 87 | // target: 'http://192.168.1.118:8081', |
| 88 | // target: 'https://jijin.wtwuxicenter.com/stage-api', | 88 | target: 'https://jijin.wtwuxicenter.com/stage-api', |
| 89 | // target: 'https://wdsfwuxicenter.com/stage-api/', | 89 | // target: 'https://wdsfwuxicenter.com/stage-api/', |
| 90 | changeOrigin: true, | 90 | changeOrigin: true, |
| 91 | rewrite: (p) => p.replace(/^\/dev-api/, '') | 91 | rewrite: (p) => p.replace(/^\/dev-api/, '') | ... | ... |
-
Please register or sign in to post a comment