Skip to content

杨炀 / dance-pc

Go to a project
Toggle navigation
Toggle navigation pinning
91d50a89 by zhangmeng
Options

首页样式

1 parent b6c72052
Inline Side-by-side
Showing 17 changed files with 618 additions and 341 deletions
src/App.vue
<template>
<router-view />
<reset-pwd ref="resetPwdRef" />
<router-view/>
<reset-pwd ref="resetPwdRef"/>
</template>
<script setup>
import { nextTick, onMounted, watch} from 'vue'
import { handleThemeStyle } from '@/utils/theme'
import {nextTick, onMounted, watch} from 'vue'
import {handleThemeStyle} from '@/utils/theme'
import useSettingsStore from '@/store/modules/settings'
import ResetPwd from '@/views/system/user/profile/components/resetPwd'
import useUserStore from '@/store/modules/user'
import { getCurrentInstance } from '@vue/runtime-core'
import {getCurrentInstance} from '@vue/runtime-core'
import {useStorage} from "@vueuse/core";
const userStore = useUserStore()
const { proxy } = getCurrentInstance()
const language= useStorage('language',0)
const {proxy} = getCurrentInstance()
const language = useStorage('language', 0)
onMounted(() => {
document.body.style.setProperty('--el-color-primary', '#0540EC')
......@@ -26,7 +26,7 @@ onMounted(() => {
})
})
watch(language,(val)=>{
watch(language, (val) => {
location.reload()
})
......@@ -46,7 +46,7 @@ watch(language,(val)=>{
--el-fill-color-light: #faf5f5;
--el-button-hover-border-color: #94080B;
--el-button-hover-bg-color: rgba(148, 8, 11, 0.3);
--el-fill-color-lighter: #F6F9FE!important;
--el-fill-color-lighter: #F6F9FE !important;
}
.el-button:focus, .el-button:hover {
......@@ -58,29 +58,34 @@ watch(language,(val)=>{
width: 1600px;
margin: auto;
}
@media screen and (max-width: 1650px) {
.box {
width: 1200px;
}
}
@media screen and (max-width: 1200px) {
.box {
width: 860px;
}
}
@media screen and (max-width: 900px) {
.box {
width: 750px;
}
}
.app-main {min-height: 75vh;
.app-main {
min-height: 75vh;
background: #F4F4F4;
}
.el-breadcrumb__inner {
display: flex;
.el-icon {
margin: 0 4px;
}
......@@ -97,24 +102,27 @@ li.el-select-dropdown__item {
.el-popper .el-menu {
background: #fff;
}
.el-popper .el-menu--horizontal .el-menu .el-menu-item {
background: transparent;
justify-content: center;
height: 50px;
font-size: 18px;
}
.el-popper .el-menu--horizontal .el-menu .el-sub-menu .el-sub-menu__title {
background: transparent;
justify-content: center;
height: 50px;
font-size: 18px;
}
.el-popper .el-menu--horizontal .el-menu .el-sub-menu.is-active>.el-sub-menu__title {
.el-popper .el-menu--horizontal .el-menu .el-sub-menu.is-active > .el-sub-menu__title {
}
.el-popper .el-menu--horizontal .el-menu .el-menu-item.is-active {
color:var(--el-color-primary);
color: var(--el-color-primary);
}
.el-popper, .el-menu--popup {
......@@ -122,63 +130,82 @@ li.el-select-dropdown__item {
}
:deep(.el-menu--popup) {
min-width: 130px;padding: 0;
min-width: 130px;
padding: 0;
}
.el-popper.is-light.is-pure {
border: none;
}
.el-menu--horizontal .el-menu-item:not(.is-disabled):focus, .el-menu--horizontal .el-menu-item:not(.is-disabled):hover{
.el-menu--horizontal .el-menu-item:not(.is-disabled):focus, .el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
background-color: transparent;
}
.el-popper {
.el-menu--horizontal .el-menu-item:not(.is-disabled):focus, .el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
color: var(--el-color-primary);
}
.el-menu--horizontal {
border: none;
}
}
.home-menu {
.el-menu {color: #000;}
.el-menu--horizontal>.el-menu-item {
transition: none;color: #000;padding: 6px 0 ;margin: 0 10px;
.el-menu {
color: #000;
}
.el-menu--horizontal > .el-menu-item {
transition: none;
color: #000;
padding: 6px 0;
margin: 0 10px;
}
.el-sub-menu .el-sub-menu__title {
font-size: 16px;color: #000;
font-size: 16px;
color: #000;
}
.el-menu--horizontal > .el-sub-menu.is-active .el-sub-menu__title {
border-bottom: none;
color: var(--el-color-primary);
}
.el-menu--horizontal > .el-sub-menu .el-sub-menu__title:hover {
color: #453DEA;
}
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
color:#000;background: transparent;filter: drop-shadow(0 0 1px #000);
color: #fff;
background: transparent;
filter: drop-shadow(0 0 1px #fff);
}
.el-menu--horizontal .el-menu-item:not(.is-disabled):focus {
background: transparent;
}
.el-menu--horizontal > .el-menu-item.is-active {
border-bottom: 2px solid #000;color: #000!important;
border-bottom: 2px solid #fff;
color: #fff !important;
}
.el-menu--horizontal {
height: 35px;
border-bottom: none;
justify-content: start; gap: 40px;
justify-content: start;
gap: 40px;
}
.el-menu--horizontal > .el-menu-item {
font-size: 16px;font-family: PingFang SC;
font-size: 16px;
font-family: PingFang SC;
color: #fff;
}
}
......@@ -195,8 +222,10 @@ li.el-select-dropdown__item {
}
@media (max-width: 1440px) {
.fixed_nav{ transform: scale(0.8);
transform-origin: left;}
.fixed_nav {
transform: scale(0.8);
transform-origin: left;
}
.home-menu .el-menu--horizontal > .el-menu-item {
font-size: 16px;
//padding: 0 10px;
......@@ -211,11 +240,13 @@ li.el-select-dropdown__item {
font-size: 16px;
}
}
@media (max-width: 1200px) {
.home-menu .el-menu--horizontal {
gap: 30px;
gap: 30px;
}
}
//思源宋体
@font-face {
font-family: SC-song;
......@@ -232,52 +263,95 @@ li.el-select-dropdown__item {
.el-dialog__headerbtn .el-dialog__close {
font-size: 33px;
}
&.el-dialog {
padding: 0 100px;
--el-dialog-title-font-size: 40px;
--el-dialog-padding-primary: 50px 20px 0 0;
box-shadow: 0 2000px 0 2000px rgba(0, 0, 0, 0.6);
}
.el-dialog__headerbtn {
right: 20px;
top: 30px;
}
}
.searchPark{padding: 10px 20px;height: 100%;
.searchPark {
padding: 10px 20px;
height: 100%;
background: #F6F6F6;
.el-input__suffix{color:var(--el-color-primary)}
.el-icon{color:var(--el-color-primary)}
.el-input{--el-input-icon-color:var(--el-color-primary)}
.el-input__suffix {
color: var(--el-color-primary)
}
.el-icon {
color: var(--el-color-primary)
}
.el-input {
--el-input-icon-color: var(--el-color-primary)
}
}
.flexformItem{
display: flex;width: 100%;
.el-date-editor{
--el-date-editor-width:100%
.flexformItem {
display: flex;
width: 100%;
.el-date-editor {
--el-date-editor-width: 100%
}
.el-input__suffix {
color: var(--el-color-primary)
}
.el-icon {
color: var(--el-color-primary)
}
.el-input {
--el-input-icon-color: var(--el-color-primary)
}
.el-input__suffix{color:var(--el-color-primary)}
.el-icon{color:var(--el-color-primary)}
.el-input{--el-input-icon-color:var(--el-color-primary)}
}
.topBanner{
.imgbox{position: relative;height: 100%;
img{height: 100%;object-fit: cover;}
.topBanner {
.imgbox {
position: relative;
height: 100%;
img {
height: 100%;
object-fit: cover;
}
}
h3{position: absolute;bottom: 0;color: #fff;
font-size: 36px;margin: 0;
text-align: center;width: 100%;padding: 60px 0 40px;
background: linear-gradient(0deg,rgba(0,0,0,0.5),rgba(0,0,0,0));
h3 {
position: absolute;
bottom: 0;
color: #fff;
font-size: 36px;
margin: 0;
text-align: center;
width: 100%;
padding: 60px 0 40px;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
}
.tablebody{width: 100%;overflow: auto}
.tablebody {
width: 100%;
overflow: auto
}
@media (max-width: 800px) {
.box{width: 96%}
.box {
width: 96%
}
}
.hz-tag{
.hz-tag {
border-radius: 13px;
height: 25px;
line-height: 25px;
......@@ -285,35 +359,41 @@ li.el-select-dropdown__item {
font-weight: 400;
padding: 0 15px;
}
.tag1{
background: rgba(50, 177, 108, 0.2);
color:rgba(50, 177, 108, 1);
.tag1 {
background: rgba(50, 177, 108, 0.2);
color: rgba(50, 177, 108, 1);
}
.tag2{
background-color: rgba(243, 152, 0, 0.2);
.tag2 {
background-color: rgba(243, 152, 0, 0.2);
color: #F39800;
}
.tag3{
.tag3 {
background-color: rgba(0, 160, 233, 0.2);
color: #00A0E9;
}
.tag4{
.tag4 {
background-color: rgba(247, 64, 166, 0.2);
color: #F740A6;
}
.hz-row{
.hz-row {
font-size: 14px;
font-weight: 400;
color: #929AA0;
margin-bottom: 16px;
}
.sign{
.sign {
color: #493CEB;
}
.s{
cursor:pointer
.s {
cursor: pointer
}
</style>
......
src/layoutPc/components/AppBottom.vue
<template>
<div class="footAll">
<div class="box" style="max-width: 90%">
<el-row v-if="language==0" justify="space-between" align="middle">
<el-row v-if="language==0" align="middle" justify="space-between">
<el-col :lg="10" :md="10" :xs="10">
<ul>
<li>邮编：214000</li>
<li>微信: 18806179528</li>
<!-- <li>QQ: 497118883</li>-->
<li>江苏省 无锡市太湖新城和风路与清舒交叉口东北100米</li>
</ul>
<div>
<img alt="" src="@/assets/pc/bottom_logo.png">
</div>
</el-col>
<el-col :lg="10" :md="10" :xs="10">
<ul style="text-align: right">
<li>邮编：214000</li>
<li>微信: 18806179528</li>
<!-- <li>QQ: 497118883</li>-->
<li>江苏省 无锡市太湖新城和风路与清舒交叉口东北100米</li>
<li>客服及报障电话:18806179528</li>
<li>客服及报障邮箱: office@2025wtcwuxi.com</li>
</ul>
</el-col>
<!-- <el-col :lg="4" :md="4" :xs="4">-->
<!-- <div>-->
<!-- <img class="mauto" src="/img/wb2.jpg"/>-->
<!-- <p class="text-center mt10">微博关注</p>-->
<!-- </div>-->
<!-- </el-col>-->
<!-- <el-col :lg="4" :md="4" :xs="4">-->
<!-- <div>-->
<!-- <img class="mauto" src="/img/wb2.jpg"/>-->
<!-- <p class="text-center mt10">微博关注</p>-->
<!-- </div>-->
<!-- </el-col>-->
<el-col :span="24" style="border-top: 1px solid #fff">
<div class="text-center copyright pd10">版权所有@无锡和畅赛事运营有限公司
<a target="_blank" href="https://beian.miit.gov.cn/">ICP备案号：苏ICP备2023054420号-2</a></div>
<a href="https://beian.miit.gov.cn/" target="_blank">ICP备案号：苏ICP备2023054420号-2</a></div>
</el-col>
</el-row>
<el-row justify="space-between" align="middle" v-if="language===1">
<el-row v-if="language===1" align="middle" justify="space-between">
<el-col :span="14">
<ul>
<!-- <ul>-->
<!-- <li>Postal code：214000</li>-->
<!-- <li>Address：100 meters northeast of the intersection of Hefeng Road and Qingshu, the Taihu Lake New Town,-->
<!-- Wuxi, Jiangsu-->
<!-- </li>-->
<!-- </ul>-->
<div>
<img alt="" src="@/assets/pc/bottom_logo.png">
</div>
</el-col>
<el-col :span="6">
<ul style="text-align: right">
<li>Postal code：214000</li>
<li>Address：100 meters northeast of the intersection of Hefeng Road and Qingshu, the Taihu Lake New Town,
Wuxi, Jiangsu
</li>
</ul>
</el-col>
<el-col :span="6">
<ul style="text-align: right">
<li>Telephone:086-18806179528</li>
<li>E-mail:office@2025wtcwuxi.com</li>
</ul>
</el-col>
<!-- <el-col :span="4">-->
<!-- <div>-->
<!-- <img class="mauto" src="/img/wb2.jpg"/>-->
<!-- <p class="text-center mt10">Weibo</p>-->
<!-- </div>-->
<!-- </el-col>-->
<!-- <el-col :span="4">-->
<!-- <div>-->
<!-- <img class="mauto" src="/img/wb2.jpg"/>-->
<!-- <p class="text-center mt10">Weibo</p>-->
<!-- </div>-->
<!-- </el-col>-->
<el-col :span="24" style="border-top: 1px solid #fff">
<div class="text-center copyright pd10">Copyright@Wuxi Hechang Sports Operations Co., Ltd
<a target="_blank" href="https://beian.miit.gov.cn/">ICP：苏ICP备2023054420号-2</a></div>
<a href="https://beian.miit.gov.cn/" target="_blank">ICP：苏ICP备2023054420号-2</a></div>
</el-col>
</el-row>
</div>
</div>
<!-- <div class="fixed-right forPc">-->
<!-- <div class="mlb" v-if="language===0">-->
<!-- <div @click="goAround" class="mb10 pb5">-->
<!-- <a>-->
<!-- <img class="kf" src="@/assets/logo/btn02.png"/>-->
<!-- <div class="text-center mt10">周边活动</div>-->
<!-- </a>-->
<!-- </div>-->
<!-- <div-->
<!-- style="display: none" title="客服"-->
<!-- onclick="window.open('https://ykf-weixin01.7moor.com/wapchat.html?accessId=6c500b60-02c6-11ef-9a4d-85cd5dacc5bf&fromUrl=&urlTitle=&language=ZHCN','_blank','height=700px,width=700px,top=50,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')"-->
<!-- >-->
<!-- <img class="kf" src="@/assets/logo/btn01.png"/>-->
<!-- <div class="text-center mt10">在线客服</div>-->
<!-- </div>-->
<!-- &lt;!&ndash; <div @click="goHelpZH">&ndash;&gt;-->
<!-- &lt;!&ndash; <a>&ndash;&gt;-->
<!-- &lt;!&ndash; <img class="kf" src="@/assets/logo/btn02.png"/>&ndash;&gt;-->
<!-- &lt;!&ndash; <div class="text-center mt10">周边活动</div>&ndash;&gt;-->
<!-- &lt;!&ndash; </a>&ndash;&gt;-->
<!-- &lt;!&ndash; </div>&ndash;&gt;-->
<!-- </div>-->
<!-- <div class="mlb" v-else>-->
<!-- <div @click="goAround" class="mb10 pb5">-->
<!-- <a>-->
<!-- <img class="kf" src="@/assets/logo/btn02.png"/>-->
<!-- <div class="text-center mt10">ACTIVITIES</div>-->
<!-- </a>-->
<!-- </div>-->
<!--&lt;!&ndash; <div&ndash;&gt;-->
<!--&lt;!&ndash; onclick="window.open('https://ykf-weixin01.7moor.com/wapchat.html?accessId=707daf80-02c6-11ef-9a4d-85cd5dacc5bf&fromUrl=&urlTitle=&language=EN','_blank','height=700px,width=700px,top=100,left=150,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')"&ndash;&gt;-->
<!--&lt;!&ndash; title="Live Chat">&ndash;&gt;-->
<!--&lt;!&ndash; <img class="kf" src="@/assets/logo/btn01.png"/>&ndash;&gt;-->
<!--&lt;!&ndash; <div class="text-center ">LIVE CHAT</div>&ndash;&gt;-->
<!--&lt;!&ndash; </div>&ndash;&gt;-->
<!-- &lt;!&ndash; <div @click="goHelp">&ndash;&gt;-->
<!-- &lt;!&ndash; <img class="kf" src="@/assets/logo/btn02.png"/>&ndash;&gt;-->
<!-- &lt;!&ndash; <div class="text-center uppercase">Video Guide</div>&ndash;&gt;-->
<!-- &lt;!&ndash; </div>&ndash;&gt;-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="fixed-right forPc">-->
<!-- <div class="mlb" v-if="language===0">-->
<!-- <div @click="goAround" class="mb10 pb5">-->
<!-- <a>-->
<!-- <img class="kf" src="@/assets/logo/btn02.png"/>-->
<!-- <div class="text-center mt10">周边活动</div>-->
<!-- </a>-->
<!-- </div>-->
<!-- <div-->
<!-- style="display: none" title="客服"-->
<!-- onclick="window.open('https://ykf-weixin01.7moor.com/wapchat.html?accessId=6c500b60-02c6-11ef-9a4d-85cd5dacc5bf&fromUrl=&urlTitle=&language=ZHCN','_blank','height=700px,width=700px,top=50,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')"-->
<!-- >-->
<!-- <img class="kf" src="@/assets/logo/btn01.png"/>-->
<!-- <div class="text-center mt10">在线客服</div>-->
<!-- </div>-->
<!-- &lt;!&ndash; <div @click="goHelpZH">&ndash;&gt;-->
<!-- &lt;!&ndash; <a>&ndash;&gt;-->
<!-- &lt;!&ndash; <img class="kf" src="@/assets/logo/btn02.png"/>&ndash;&gt;-->
<!-- &lt;!&ndash; <div class="text-center mt10">周边活动</div>&ndash;&gt;-->
<!-- &lt;!&ndash; </a>&ndash;&gt;-->
<!-- &lt;!&ndash; </div>&ndash;&gt;-->
<!-- </div>-->
<!-- <div class="mlb" v-else>-->
<!-- <div @click="goAround" class="mb10 pb5">-->
<!-- <a>-->
<!-- <img class="kf" src="@/assets/logo/btn02.png"/>-->
<!-- <div class="text-center mt10">ACTIVITIES</div>-->
<!-- </a>-->
<!-- </div>-->
<!--&lt;!&ndash; <div&ndash;&gt;-->
<!--&lt;!&ndash; onclick="window.open('https://ykf-weixin01.7moor.com/wapchat.html?accessId=707daf80-02c6-11ef-9a4d-85cd5dacc5bf&fromUrl=&urlTitle=&language=EN','_blank','height=700px,width=700px,top=100,left=150,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')"&ndash;&gt;-->
<!--&lt;!&ndash; title="Live Chat">&ndash;&gt;-->
<!--&lt;!&ndash; <img class="kf" src="@/assets/logo/btn01.png"/>&ndash;&gt;-->
<!--&lt;!&ndash; <div class="text-center ">LIVE CHAT</div>&ndash;&gt;-->
<!--&lt;!&ndash; </div>&ndash;&gt;-->
<!-- &lt;!&ndash; <div @click="goHelp">&ndash;&gt;-->
<!-- &lt;!&ndash; <img class="kf" src="@/assets/logo/btn02.png"/>&ndash;&gt;-->
<!-- &lt;!&ndash; <div class="text-center uppercase">Video Guide</div>&ndash;&gt;-->
<!-- &lt;!&ndash; </div>&ndash;&gt;-->
<!-- </div>-->
<!-- </div>-->
</template>
<script setup>
......@@ -142,7 +150,7 @@ const goAround = () => {
right: 0;
top: 65%;
z-index: 9;
.mlb {
background: #fff;
border-radius: 10px 0 0 10px;
......@@ -150,16 +158,16 @@ const goAround = () => {
padding: 10px 8px;
text-align: center;
cursor: pointer;
div {
text-transform: uppercase;
}
div:first-child {
border-bottom: 0.5px solid #eee;
//padding: 0 0 10px;margin-bottom: 10px;
}
div:hover {
.gradient-text {
font-weight: bold;
......@@ -168,46 +176,48 @@ const goAround = () => {
}
}
.copyright {
font-size: 14px;
opacity: 0.88;
color: #4C5359;
}
.footAll {
background: #E0E3E5;;
//background: #E0E3E5;
background: url("@/assets/pc/bottom_bg.png");
padding: 36px 0 5px;
p {
font-size: 14px;
opacity: 0.88;
color: #4C5359;
}
ul {
list-style: none;
li {
line-height: 30px;
font-size: 14px;
opacity: 0.88;
color: #4C5359;
opacity: 1;
color: #fff;
a {
margin-left: 15px;
&:hover {
text-decoration: underline;
}
}
}
}
img {
height: 80px;
}
}
.copyright {
font-size: 14px;
//opacity: 0.88;
color: #fff;
}
.gradient-text {
font-family: FZJunHeiS-B-GB;
font-weight: 600;
......@@ -223,23 +233,23 @@ const goAround = () => {
}
.footAll {
padding: 10px 0;
ul {
li {
font-size: 10px;
line-height: 1.4;
}
}
img {
height: 60px;
}
p {
font-size: 10px;
line-height: 1.4;
}
.copyright {
font-size: 10px;
line-height: 1.4;
......@@ -249,7 +259,7 @@ const goAround = () => {
.ffoot {
display: inline-flex;
img {
width: 20px;
height: 20px;
......
src/layoutPc/components/AppHeader.vue
<template>
<div class="topNav">
<router-link to="/">
<!-- <img class="logo" src="@/assets/v1/nav_logo.png">-->
<!-- <img class="logo" src="@/assets/v1/nav_logo.png">-->
<img class="logo" src="/img/logo.png">
</router-link>
<div class="home-menu forPc">
<el-menu v-if="language==0"
router :default-active="activeIndex" :mode="mode" :ellipsis="true"
popper-effect="dark" @select="handleSelect"
<el-menu
v-if="language==0"
:default-active="activeIndex"
:ellipsis="true"
:mode="mode"
class="enMenu"
popper-effect="dark"
router
@select="handleSelect"
>
<el-menu-item index="/">{{ language==0?'首页':'HOME' }}</el-menu-item>
<el-menu-item index="/news">{{ language==0?'新闻资讯':'NEWS' }}</el-menu-item>
<el-menu-item index="/notice">{{ language==0?'通知公告':'NOTICEBOARD' }}</el-menu-item>
<!-- <el-menu-item index="/match/list">{{ language==0?'赛事服务':'REGISTRATION' }}</el-menu-item>-->
<el-menu-item index="/saiC">{{ language==0?'竞赛日程':'COMPETITIONS' }}</el-menu-item>
<el-menu-item index="/meta">{{ language==0?'媒体中心':'MEDIA' }}</el-menu-item>
<!-- <el-menu-item index="/guide">{{ language==0?'参赛指南':'GUIDELINE' }}</el-menu-item>-->
<el-menu-item index="/about/wuDao">{{ language==0?'关于我们':'ABOUT US' }}</el-menu-item>
<el-menu-item index="/">{{ language == 0 ? '首页' : 'HOME' }}</el-menu-item>
<el-menu-item index="/news">{{ language == 0 ? '新闻资讯' : 'NEWS' }}</el-menu-item>
<el-menu-item index="/notice">{{ language == 0 ? '通知公告' : 'NOTICEBOARD' }}</el-menu-item>
<!-- <el-menu-item index="/match/list">{{ language==0?'赛事服务':'REGISTRATION' }}</el-menu-item>-->
<el-menu-item index="/saiC">{{ language == 0 ? '竞赛日程' : 'COMPETITIONS' }}</el-menu-item>
<el-menu-item index="/meta">{{ language == 0 ? '媒体中心' : 'MEDIA' }}</el-menu-item>
<!-- <el-menu-item index="/guide">{{ language==0?'参赛指南':'GUIDELINE' }}</el-menu-item>-->
<el-menu-item index="/about/wuDao">{{ language == 0 ? '关于我们' : 'ABOUT US' }}</el-menu-item>
<!-- <el-sub-menu index="/about">-->
<!-- <el-menu-item index="/about/wuDao">{{ language==0?'舞蹈节':'About Us' }}</el-menu-item>-->
<!-- <el-menu-item index="/about/regulations" v-if="language==1">Rules & Regulations</el-menu-item>-->
<!-- <el-menu-item index="/about/culture">{{ language==0?'地方文化':'Culture' }}</el-menu-item>-->
<!-- </el-sub-menu>-->
<!-- <el-menu-item index="/about/wuDao">{{ language==0?'舞蹈节':'About Us' }}</el-menu-item>-->
<!-- <el-menu-item index="/about/regulations" v-if="language==1">Rules & Regulations</el-menu-item>-->
<!-- <el-menu-item index="/about/culture">{{ language==0?'地方文化':'Culture' }}</el-menu-item>-->
<!-- </el-sub-menu>-->
</el-menu>
<el-menu v-else class="enMenu"
router :default-active="activeIndex" :mode="mode" :ellipsis="true"
popper-effect="dark" @select="handleSelect"
<el-menu
v-else
:default-active="activeIndex"
:ellipsis="true"
:mode="mode"
class="enMenu"
popper-effect="dark"
router
@select="handleSelect"
>
<el-menu-item index="/">{{ language==0?'首页':'HOME' }}</el-menu-item>
<el-menu-item index="/news">{{ language==0?'新闻资讯':'NEWS' }}</el-menu-item>
<el-menu-item index="/notice">{{ language==0?'通知公告':'NOTICEBOARD' }}</el-menu-item>
<!-- <el-menu-item index="/match/list">{{ language==0?'赛事服务':'COMPETITION INFO' }}</el-menu-item>-->
<el-menu-item index="/saiC">{{ language==0?'竞赛日程':'COMPETITION SCHEDULE' }}</el-menu-item>
<el-menu-item index="/meta">{{ language==0?'媒体中心':'MEDIA' }}</el-menu-item>
<!-- <el-menu-item index="/guide">{{ language==0?'参赛指南':'GUIDELINE' }}</el-menu-item>-->
<el-menu-item index="/about/wuDao">{{ language==0?'关于我们':'ABOUT US' }}</el-menu-item>
<el-menu-item index="/">{{ language == 0 ? '首页' : 'HOME' }}</el-menu-item>
<el-menu-item index="/news">{{ language == 0 ? '新闻资讯' : 'NEWS' }}</el-menu-item>
<el-menu-item index="/notice">{{ language == 0 ? '通知公告' : 'NOTICEBOARD' }}</el-menu-item>
<!-- <el-menu-item index="/match/list">{{ language==0?'赛事服务':'COMPETITION INFO' }}</el-menu-item>-->
<el-menu-item index="/saiC">{{ language == 0 ? '竞赛日程' : 'COMPETITION SCHEDULE' }}</el-menu-item>
<el-menu-item index="/meta">{{ language == 0 ? '媒体中心' : 'MEDIA' }}</el-menu-item>
<!-- <el-menu-item index="/guide">{{ language==0?'参赛指南':'GUIDELINE' }}</el-menu-item>-->
<el-menu-item index="/about/wuDao">{{ language == 0 ? '关于我们' : 'ABOUT US' }}</el-menu-item>
<!-- <el-sub-menu index="/about">-->
<!-- <el-menu-item index="/about/wuDaoEn">{{ language==0?'舞蹈节':'About Us' }}</el-menu-item>-->
<!-- <el-menu-item index="/about/regulations" v-if="language==1">Rules & Regulations</el-menu-item>-->
<!-- <el-menu-item index="/about/cultureEn">{{ language==0?'地方文化':'Culture' }}</el-menu-item>-->
<!-- </el-sub-menu>-->
<!-- <el-menu-item index="/about/wuDaoEn">{{ language==0?'舞蹈节':'About Us' }}</el-menu-item>-->
<!-- <el-menu-item index="/about/regulations" v-if="language==1">Rules & Regulations</el-menu-item>-->
<!-- <el-menu-item index="/about/cultureEn">{{ language==0?'地方文化':'Culture' }}</el-menu-item>-->
<!-- </el-sub-menu>-->
</el-menu>
</div>
<div class="flex-right">
<div class="search mr20 forPc">
<el-button :icon="Search" circle @click="searchNews" />
<el-button :icon="Search" circle @click="searchNews"/>
</div>
<div class="languageBtn">
<span :class="language==0?'active':''" @click="changeLanguage(0)">{{ language==0?'中文':'CN' }}</span>
<span :class="language==0?'active':''" @click="changeLanguage(0)">{{ language == 0 ? '中文' : 'CN' }}</span>
<span :class="language==1?'active':''" @click="changeLanguage(1)">EN</span>
</div>
<div class="ml20 forPc" >
<el-button v-if="!isLogin" @click="goLogin" style="border-radius: 20px;" class="loginBtn">
<span>{{ language==0?'登录':'LOGIN' }}</span>
<div class="ml20 forPc">
<el-button v-if="!isLogin" class="loginBtn" link style="border-radius: 20px;" @click="goLogin">
<span>{{ language == 0 ? '登录' : 'LOGIN' }}</span>
<!-- ｜ &nbsp;<span @click="goRegister">注册</span>-->
</el-button>
<el-dropdown v-if="isLogin" class="mr20">
<el-avatar :icon="UserFilled">
<!-- {{user.userName.substring(0,4)}}-->
<!-- {{user.userName.substring(0,4)}}-->
</el-avatar>
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item @click="router.push('/center/myPassword')">{{ language==0?'个人中心':'Personal' }}</el-dropdown-item>
<el-dropdown-item @click="logout()">{{language==0?'退出':'Exit'}}</el-dropdown-item>
<el-dropdown-item @click="router.push('/center/myPassword')">{{
language == 0 ? '个人中心' : 'Personal'
}}
</el-dropdown-item>
<el-dropdown-item @click="logout()">{{ language == 0 ? '退出' : 'Exit' }}</el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown>
......@@ -80,19 +95,21 @@
<img src="@/assets/v1/menu.png">
</a>
</div>
<el-drawer
v-model="drawer" size="100%"
:style="{'--el-drawer-padding-primary':0}" direction="ltr"
:with-header="false" title="菜单"
v-model="drawer" :style="{'--el-drawer-padding-primary':0}"
:with-header="false" direction="ltr"
size="100%" title="菜单"
>
<div class="weiHead">
<el-button size="large" v-if="!isLogin" @click="goLogin" round style="color: #fff" class="btn-lineG">
<span>{{ language==0?'登录':'LOGIN' }}</span>
<el-button v-if="!isLogin" class="btn-lineG" round size="large" style="color: #fff" @click="goLogin">
<span>{{ language == 0 ? '登录' : 'LOGIN' }}</span>
<!-- ｜ &nbsp;<span @click="goRegister">注册</span>-->
</el-button>
<el-button type="primary" round plain size="large" v-if="isLogin" @click="logout()">{{language==0?'退出':'Exit'}}</el-button>
<el-button v-if="isLogin" plain round size="large" type="primary" @click="logout()">
{{ language == 0 ? '退出' : 'Exit' }}
</el-button>
<div style="display: flex">
<div class="languageBtn">
<span v-if="language==0" :class="language==0?'active':''" @click="changeLanguage(0)">中文</span>
......@@ -100,16 +117,19 @@
|
<span :class="language==1?'active':''" @click="changeLanguage(1)">EN</span>
</div>
<el-icon color="#453DEA" size="30" @click="closeDrawer"><close/></el-icon>
<el-icon color="#453DEA" size="30" @click="closeDrawer">
<close/>
</el-icon>
</div>
</div>
<el-menu class="weiMenu"
v-if="language==0"
router :default-active="activeIndex" mode="vertical" :ellipsis="false"
popper-effect="dark" @select="handleSelect"
<el-menu
v-if="language==0"
:default-active="activeIndex"
:ellipsis="false" class="weiMenu" mode="vertical" popper-effect="dark"
router @select="handleSelect"
>
<el-menu-item index="/">首页</el-menu-item>
<el-menu-item index="/news">新闻资讯</el-menu-item>
......@@ -117,14 +137,15 @@
<el-menu-item index="/match/list">赛事服务</el-menu-item>
<el-menu-item index="/saiC">竞赛日程</el-menu-item>
<el-menu-item index="/meta">媒体中心</el-menu-item>
<!-- <el-menu-item index="/guide">参赛指南</el-menu-item>-->
<!-- <el-menu-item index="/guide">参赛指南</el-menu-item>-->
<el-menu-item index="/about/wuDao">关于我们</el-menu-item>
<el-menu-item v-if="isLogin" index="/center/myPassword">个人中心</el-menu-item>
</el-menu>
<el-menu class="weiMenu"
v-if="language==1"
router :default-active="activeIndex" mode="vertical" :ellipsis="false"
popper-effect="dark" @select="handleSelect"
<el-menu
v-if="language==1"
:default-active="activeIndex"
:ellipsis="false" class="weiMenu" mode="vertical" popper-effect="dark"
router @select="handleSelect"
>
<el-menu-item index="/">HOME</el-menu-item>
<el-menu-item index="/news">NEWS</el-menu-item>
......@@ -137,18 +158,18 @@
<el-menu-item v-if="isLogin" index="/center/myInfo">PERSONAL CENTER</el-menu-item>
</el-menu>
</el-drawer>
<LoginDialog ref="pcloginDialog" @submitForm="reFlash" />
<VisitorLogin ref="visitorDialog" @submitForm="reFlash" />
<SearchPop v-if="language==0" ref="searchDialog" />
<SearchPop_en v-if="language==1" ref="searchDialog" />
<LoginDialog ref="pcloginDialog" @submitForm="reFlash"/>
<VisitorLogin ref="visitorDialog" @submitForm="reFlash"/>
<SearchPop v-if="language==0" ref="searchDialog"/>
<SearchPop_en v-if="language==1" ref="searchDialog"/>
</template>
<script setup>
import { computed, ref, watch } from 'vue'
import { useRoute, useRouter } from 'vue-router'
import {computed, ref, watch} from 'vue'
import {useRoute, useRouter} from 'vue-router'
import useUserStore from '@/store/modules/user'
import { Search,UserFilled } from '@element-plus/icons-vue'
import { getCurrentInstance, onMounted } from '@vue/runtime-core'
import {Search, UserFilled} from '@element-plus/icons-vue'
import {getCurrentInstance, onMounted} from '@vue/runtime-core'
import _ from 'lodash'
import LoginDialog from '@/viewsPc/login'
import VisitorLogin from '@/viewsPc/register/components/utype3'
......@@ -161,7 +182,7 @@ import {useStorage} from "@vueuse/core";
const router = useRouter()
const route = useRoute()
const { proxy } = getCurrentInstance()
const {proxy} = getCurrentInstance()
const isLogin = ref(false)
const activeIndex = ref('/')
const registerVisible = ref(false)
......@@ -197,19 +218,23 @@ watch(() => route.fullPath, (val) => {
}
console.log(activeIndex.value)
})
function changeLanguage(n) {
if(language.value == n){
if (language.value == n) {
return
}
proxy.$modal.loading()
language.value = n
}
function showDrawer() {
drawer.value = true
}
function closeDrawer() {
drawer.value = false
}
function handleSelect(key, keyPath) {
// console.log(key)
activeIndex.value = key
......@@ -217,7 +242,7 @@ function handleSelect(key, keyPath) {
}
const logout = () => {
proxy.$modal.confirm(language.value==0?'确定退出？':'Are you sure to exit?').then(function() {
proxy.$modal.confirm(language.value == 0 ? '确定退出？' : 'Are you sure to exit?').then(function () {
return useUserStore().logOut()
}).then(() => {
isLogin.value = true
......@@ -252,66 +277,90 @@ watch(() => useUserStore().visitor, (val) => {
proxy.$refs['visitorDialog'].open()
}
})
function searchNews() {
proxy.$refs['searchDialog'].open()
}
function getCode() {
proxy.$refs['codeRef'].getCode()
}
</script>
<style scoped lang="scss">
.home-menu{width: 60vw;
:deep(.el-menu--horizontal.el-menu){border: none;}
<style lang="scss" scoped>
.home-menu {
width: 60vw;
:deep(.el-menu--horizontal.el-menu) {
border: none;
}
}
.enMenu {
background: transparent;
}
.loginBtn {color: #fff;margin-right: 15px;border: none;
background: #000;box-shadow:0 0 10px #fff;
.loginBtn {
color: #fff;
margin-right: 15px;
border: none;
background: transparent;
font-size: 16px;
font-weight: bold;
//box-shadow: 0 0 10px #fff;
&:hover {
box-shadow:0 0 10px #000;border: none;
color:#fff;
//box-shadow: 0 0 10px #000;
border: none;
color: #fff;
}
}
.topNav {
box-shadow: 0px 0px 13px rgba(113,113,113);
box-shadow: 0px 0px 13px rgba(113, 113, 113);
display: flex;
justify-content: space-between;
height: 80px;
align-items: center;
background-image: url("@/assets/pc/nav_bg.png");
background-size: 100%;
.logo {
height: 60px;
margin-left: 40px;
}
.flex-right {
display: flex;
align-items: center;
}
.search {
position: relative;
.el-button.is-circle:hover {
color:var(--el-color-primary);
color: var(--el-color-primary);
border-color: var(--el-color-primary);
}
.el-button.is-circle:active {
background: var(--el-color-primary);
color: #fff;
border-color: var(--el-color-primary);
}
.el-button.is-circle:focus {
border-color: var(--el-color-primary)
}
:deep(.el-input .el-input__wrapper) {
box-shadow: none;
border-radius: 18px;
background: #F4F4F4;
}
.el-icon {
position: absolute;
right: 5px;
......@@ -325,45 +374,100 @@ function getCode() {
}
.ropenbtn{padding: 10px;display: none;
img{ width: 44px; filter: grayscale(1);}
.ropenbtn {
padding: 10px;
display: none;
img {
width: 44px;
filter: grayscale(1);
}
}
:deep(.el-input) {
height: 100%
}
:deep(.el-form-item) {
height: 40px;
}
.home-menu .el-sub-menu {
font-size: 16px;
}
:deep(.el-input){height: 100%}
:deep(.el-form-item){height: 40px;}
.home-menu .el-sub-menu{font-size: 16px;}
.weiMenu.el-menu{
.weiMenu.el-menu {
border: none;
:deep(.el-menu-item.is-active){color: var(--el-color-primary);}
:deep(.el-menu-item.is-active) {
color: var(--el-color-primary);
}
}
.weiHead{display: flex;justify-content: space-between;padding: 15px;align-items: center;
.weiHead {
display: flex;
justify-content: space-between;
padding: 15px;
align-items: center;
width: 100%;
.languageBtn{font-size: 20px;line-height: 30px;white-space: nowrap;margin-right: 20px;}
.languageBtn {
font-size: 20px;
line-height: 30px;
white-space: nowrap;
margin-right: 20px;
}
}
.weiMenu{
.el-menu-item{font-size: 20px}
:deep(.el-sub-menu__title){font-size: 20px}
:deep(.el-sub-menu .el-sub-menu__icon-arrow){font-size: 20px}
.weiMenu {
.el-menu-item {
font-size: 20px
}
:deep(.el-sub-menu__title) {
font-size: 20px
}
:deep(.el-sub-menu .el-sub-menu__icon-arrow) {
font-size: 20px
}
}
@media (max-width: 1675px) {
.search {
display: none;
}
}
@media (max-width: 1620px) {
.home-menu .el-menu--horizontal > .el-menu-item{margin: 0 2px; }
.home-menu .el-menu--horizontal > .el-menu-item {
margin: 0 2px;
}
}
@media (max-width: 1450px) {
.home-menu .el-menu--horizontal > .el-menu-item{font-size: 15px}
.home-menu .el-menu--horizontal > .el-menu-item {
font-size: 15px
}
}
@media (max-width: 1340px) {
.home-menu .el-menu--horizontal > .el-menu-item{margin: 0; }
@media (max-width: 1340px) {
.home-menu .el-menu--horizontal > .el-menu-item {
margin: 0;
}
}
@media (max-width: 1250px) {
.home-menu .el-menu--horizontal > .el-menu-item{font-size: 14px}
.topNav .logo{height: 50px;margin-left: 20px}
.home-menu .el-menu--horizontal > .el-menu-item {
font-size: 14px
}
.topNav .logo {
height: 50px;
margin-left: 20px
}
}
@media (max-width: 1000px) {
.box {
width: 100%
......@@ -371,10 +475,17 @@ function getCode() {
.forPc {
display: none;
}
.ropenbtn{display: block}
.ropenbtn {
display: block
}
.loginBtn {
display: none;
}
}
.active {
color: #fff;
border-bottom: 2px solid #fff;
}
</style>
......
src/layoutPc/components/indexSearch.vue
<template>
<el-dialog
v-model="show" class="searchpp" width="80vw" append-to-body title="搜索"
v-model="show"
:close-on-click-modal="true"
:modal="false"
:show-close="true"
append-to-body
class="searchpp"
destroy-on-close
style="padding-top: 10px"
title="搜索"
top="80px"
destroy-on-close :show-close="true" :close-on-click-modal="true" :modal="false"
width="80vw"
>
<div class="searchBody">
<div class="searchline">
<el-input v-model="query.name" placeholder="请输入关键词搜索" @change="search" />
<el-input v-model="query.name" placeholder="请输入关键词搜索" @change="search"/>
<el-button :icon="Search" @click="search">搜索</el-button>
</div>
<div class="hotword" hidden>
......@@ -15,7 +23,7 @@
<span>2024年奥运会</span>
</div>
<h2>近期热门</h2>
<el-row class="newsimgcover" :gutter="20">
<el-row :gutter="20" class="newsimgcover">
<el-col v-for="(n,index) in hottest" v-show="index<4" :key="index" :span="6">
<div class="item shadow" @click="goDetail(n)">
<div class="imgbox"><img :src="fillImgUrl_webSite(n.picUrl)"></div>
......@@ -23,17 +31,18 @@
</div>
</el-col>
</el-row>
</div>
</el-dialog>
</template>
<script setup>
import { onMounted, ref } from 'vue'
import { Search } from '@element-plus/icons-vue'
import {onMounted, ref} from 'vue'
import {Search} from '@element-plus/icons-vue'
const router = useRouter()
import { getHottest } from '@/apiPc/webSite'
import { useRouter } from 'vue-router'
import {getHottest} from '@/apiPc/webSite'
import {useRouter} from 'vue-router'
const show = ref(false)
const query = ref({})
......@@ -61,6 +70,7 @@ function search() {
}
})
}
const goDetail = (n) => {
show.value = false
if (n.isOut == '1') {
......@@ -73,7 +83,7 @@ const goDetail = (n) => {
}
</script>
<style scoped lang="scss">
<style lang="scss" scoped>
h2 {
font-size: 24px;
margin: 30px 0 15px;
......@@ -83,11 +93,11 @@ h2 {
margin: 0;
font-size: 18px;
color: #7B7F83;
span {
margin-right: 20px;
cursor: pointer;
&:hover {
text-decoration: underline;
}
......@@ -103,14 +113,14 @@ h2 {
height: 60px;
margin: 30px 0;
background: #F8F8F8;
.el-input {
border: none;
background: transparent;
outline: none;
font-size: 18px;
}
.el-button {
width: 130px;
font-size: 20px;
......@@ -120,7 +130,7 @@ h2 {
background: #000;;
border-radius: 0px 5px 5px 0px;
}
:deep(.el-input__wrapper) {
background-color: transparent;
box-shadow: none;
......
src/viewsPc/components/homeQuick.vue
......@@ -2,19 +2,35 @@
<div v-if="language === 0" class="itemBox">
<el-row :gutter="20">
<el-col :lg="4" :sm="12" :xs="12">
<div class="item" @click="popRemark(0)"><img src="@/assets/dance/btn01.png">签证服务</div>
<div class="item bgImg1" @click="popRemark(0)">
<!-- <img src="@/assets/dance/btn01.png">-->
签证服务
</div>
</el-col>
<el-col :lg="4" :sm="12" :xs="12">
<div class="item" @click="popRemark(1)"><img src="@/assets/dance/btn02.png">酒店预订</div>
<div class="item bgImg2" @click="popRemark(1)">
<!-- <img src="@/assets/dance/btn02.png">-->
酒店预订
</div>
</el-col>
<el-col :lg="4" :sm="12" :xs="12">
<div class="item" @click="popRemark(2)"><img src="@/assets/dance/btn03.png">接送服务</div>
<div class="item bgImg3" @click="popRemark(2)">
<!-- <img src="@/assets/dance/btn03.png">-->
接送服务
</div>
</el-col>
<el-col :lg="4" :sm="12" :xs="12">
<div class="item" @click="popRemark(10)"><img src="@/assets/dance/btn04.png">票务服务</div>
<div class="item bgImg4" @click="popRemark(10)">
<!-- <img src="@/assets/dance/btn04.png">-->
票务服务
</div>
</el-col>
<el-col :lg="4" :sm="12" :xs="12">
<div class="item" @click="goMedia"><img src="@/assets/dance/btn07.png">媒体注册</div>
<div class="item bgImg5" @click="goMedia">
<!-- <img src="@/assets/dance/btn07.png">-->
媒体注册
</div>
</el-col>
<!-- <el-col :sm="12" :lg="4" :xs="12">-->
<!-- <div class="item" @click="goAround"><img src="@/assets/dance/btn06.png">周边活动</div>-->
......@@ -27,24 +43,39 @@
<div v-else class="itemBox_en">
<el-row :gutter="20" justify="space-around">
<el-col :lg="4" :sm="12" :xs="12">
<div class="item" @click="popRemark(0)"><img src="@/assets/dance/btn01.png">Visa Services</div>
<div class="item bgImg1" @click="popRemark(0)">
<!-- <img src="@/assets/dance/btn01.png">-->
Visa Services
</div>
</el-col>
<el-col :lg="4" :sm="12" :xs="12">
<div class="item" @click="popRemark(1)"><img src="@/assets/dance/btn02.png">HOTEL RESERVATION</div>
<div class="item bgImg2" @click="popRemark(1)">
<!-- <img src="@/assets/dance/btn02.png">-->
HOTEL RESERVATION
</div>
</el-col>
<el-col :lg="4" :sm="12" :xs="12">
<div class="item" @click="popRemark(2)"><img src="@/assets/dance/btn03.png">TRANSPORTATION RESERVATION</div>
<div class="item bgImg3" @click="popRemark(2)">
<!-- <img src="@/assets/dance/btn03.png">-->
TRANSPORTATION RESERVATION
</div>
</el-col>
<el-col :lg="4" :sm="12" :xs="12">
<div class="item" @click="popRemark(10)"><img src="@/assets/dance/btn04.png">TICKET SERVICES</div>
<div class="item bgImg4" @click="popRemark(10)">
<!-- <img src="@/assets/dance/btn04.png">-->
TICKET SERVICES
</div>
</el-col>
<el-col :lg="4" :sm="12" :xs="12">
<div class="item" @click="goMedia"><img src="@/assets/dance/btn07.png">Media Registration</div>
<div class="item bgImg5" @click="goMedia">
<!-- <img src="@/assets/dance/btn07.png">-->
Media Registration
</div>
</el-col>
<!-- <el-col :sm="12" :lg="4" :xs="12">-->
<!-- <div class="item" @click="goAround"><img src="@/assets/dance/btn06.png">Around Activity</div>-->
<!-- </el-col>-->
<!-- <el-col :sm="12" :lg="4" :xs="12">-->
<!-- <div class="item" @click="liveClick"><img src="@/assets/dance/btn05.png">live streaming</div>-->
<!-- </el-col>-->
......@@ -101,7 +132,7 @@ watch(matchId, (val) => {
console.log(err)
form.value = null
})
match.getInfoByCptId({cptId: props.matchId}).then((res) => {
liveData.value = res.data || {}
})
......@@ -110,9 +141,9 @@ watch(matchId, (val) => {
const liveClick = () => {
if (liveData.value.videoStatus == "1") {
if (language.value == 0) {
window.open(liveData.value.videoUrlCn)
} else {
window.open(liveData.value.videoUrlEn)
......@@ -136,7 +167,7 @@ onMounted(() => {
function building() {
ElMessage.warning(language.value == 0 ? '感谢您对本次比赛的关注，该服务暂无可预订信息，敬请期待。' : 'Thank you for your attention to this competition. The service is currently unavailable for booking. Please stay tuned.')
}
function applyInvitation() {
......@@ -163,19 +194,19 @@ function goMedia() {
useStore.setVisitor()
return
}
proxy.$refs['mediaRegisterRef'].open({cptId: matchId.value})
}
function popRemark(type) {
if(!matchId.value){
if (!matchId.value) {
return;
}
if (!form.value) {
building()
return
}
if (type == '0') {
// ElMessage.warning('The visa invitation letter application will be available soon. Thank you for your patience.')
// return;
......@@ -188,7 +219,7 @@ function popRemark(type) {
building()
return
}
if (!useStore.user) {
// ElMessage({
// type: 'warning',
......@@ -197,12 +228,12 @@ function popRemark(type) {
useStore.setVisitor()
return
}
applyInvitation()
return
}
}
if ((form.value.isJdView == 0 && type == '1')
|| (form.value.isCarView == 0 && type == '2')
|| (form.value.isFoodView == 0 && type == '3')
......@@ -213,7 +244,7 @@ function popRemark(type) {
building()
return
}
if (type == '2') {
if (!useStore.user) {
// ElMessage({
......@@ -223,12 +254,12 @@ function popRemark(type) {
useStore.setVisitor()
return
}
emit("pickUp")
return;
}
const params = {
matchId: props.matchId,
title: language.value == 0 ? '预订说明' : 'Booking Instructions',
......@@ -236,7 +267,7 @@ function popRemark(type) {
cptName: props.cptName
}
proxy.$refs['orderRemarkRef'].open(params)
// goBooking(type)
}
......@@ -244,7 +275,7 @@ function goBooking(n, f) {
switch (n) {
case 10:
// 票务
// router.push({
// path: `/booking/ticket/${props.matchId}`,
// params: {id:props.matchId},
......@@ -281,7 +312,7 @@ function goBooking(n, f) {
<style lang="scss" scoped>
.itemBox, .itemBox_en {
padding: 20px;
background: #fff;
background: #211D50;
box-shadow: 0 0 46px 0 rgba(1, 16, 64, 0.08);
border-radius: 20px;
}
......@@ -298,39 +329,72 @@ function goBooking(n, f) {
align-items: center;
justify-content: center;
font-size: 20px;
background: url("@/assets/dance/btn_bg.png") no-repeat left #FFFFFF;
//background: url("@/assets/dance/btn_bg.png") no-repeat left #FFFFFF;
background-size: 100% 100%;
border-radius: 15px;
gap: 10px;
img {
object-fit: contain;
width: 75px;
height: 75px;
color: #fff;
height: 95px;
&:hover {
box-shadow: 0 0 10px #eee;
//img {
// transform: rotateY(180deg);
//}
//
//p {
// color: #000;
//}
}
}
.bgImg1 {
background: url("@/assets/pc/btn_bg01.png") no-repeat;
background-size: 100%;
}
.bgImg2 {
background: url("@/assets/pc/btn_bg02.png") no-repeat;
background-size: 100%;
}
.bgImg3 {
background: url("@/assets/pc/btn_bg03.png") no-repeat;
background-size: 100%;
}
.bgImg4 {
background: url("@/assets/pc/btn_bg04.png") no-repeat;
background-size: 100%;
}
.bgImg5 {
background: url("@/assets/pc/btn_bg05.png") no-repeat;
background-size: 100%;
}
.itemBox_en .item {
flex-direction: column;
text-align: center;
text-transform: uppercase;
height: 100%;
img {
position: relative;
transition: all 0.2s;
}
&:hover {
box-shadow: 0 0 10px #eee;
img {
transform: rotateY(180deg);
}
p {
color: #000;
}
//img {
// transform: rotateY(180deg);
//}
//
//p {
// color: #000;
//}
}
}
......@@ -343,7 +407,7 @@ function goBooking(n, f) {
height: auto !important;
padding: 15px 0;
margin: 10px 0;
img {
width: 50px;
height: 50px
......@@ -353,5 +417,7 @@ function goBooking(n, f) {
max-width: 50%;
flex: 0 0 50%;
}
}
</style>
......
vite.config.js
......@@ -83,11 +83,11 @@ export default defineConfig(({mode, command}) => {
rewrite: (p) => p.replace(/^\/dev-api\/ztx-webSite/, '')
},
'/dev-api': {
target: 'http://192.168.1.118:8082/',
// target: 'http://192.168.1.118:8082/',
// target: 'http://192.168.1.131:8081/',
// target: 'https://jijin.wtwuxicenter.com/stage-api',
// target: 'https://tk005.wxjylt.com/stage-api',
// target: 'http://124.70.181.90:1880/stage-api',
// target: 'https://sys.2025wtcwuxi.com/stage-api/',
target: 'https://sys.2025wtcwuxi.com/stage-api/',
changeOrigin: true,
rewrite: (p) => p.replace(/^\/dev-api/, '')
},
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!