|
|
|
@ -50,9 +50,9 @@ watch(locale, (nVal,oVal) => {
|
|
|
|
<div class="container">
|
|
|
|
<div class="container">
|
|
|
|
<a class="navbar-brand" href="javascript:;">
|
|
|
|
<a class="navbar-brand" href="javascript:;">
|
|
|
|
<div class="logo" @click="router.push(localeLocation('/'))">
|
|
|
|
<div class="logo" @click="router.push(localeLocation('/'))">
|
|
|
|
<img :src="logoImg" alt="prodio">
|
|
|
|
<!-- <img :src="logoImg" alt="prodio"> -->
|
|
|
|
|
|
|
|
WEISEN
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<p>since 2002</p>
|
|
|
|
|
|
|
|
</a>
|
|
|
|
</a>
|
|
|
|
<button ref="navbarToggler" class="navbar-toggler" type="button" data-bs-toggle="collapse"
|
|
|
|
<button ref="navbarToggler" class="navbar-toggler" type="button" data-bs-toggle="collapse"
|
|
|
|
data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
|
|
|
|
data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
|
|
|
|
@ -61,13 +61,7 @@ watch(locale, (nVal,oVal) => {
|
|
|
|
<div class="collapse navbar-collapse" id="navbarText">
|
|
|
|
<div class="collapse navbar-collapse" id="navbarText">
|
|
|
|
<ul class="navbar-nav ms-auto">
|
|
|
|
<ul class="navbar-nav ms-auto">
|
|
|
|
<li class="nav-item">
|
|
|
|
<li class="nav-item">
|
|
|
|
<div class="nav-link">{{ $t('aboutus') }}</div>
|
|
|
|
<div class="nav-link" @click="goRoute(localeLocation('/about/company'))">{{ $t('aboutus') }}</div>
|
|
|
|
<ul class="dropdown-menu">
|
|
|
|
|
|
|
|
<li><a class="dropdown-item" href="javascript:;" @click="goRoute(localeLocation('/about/company'))">{{
|
|
|
|
|
|
|
|
$t('About.company') }}</a></li>
|
|
|
|
|
|
|
|
<li><a class="dropdown-item" href="javascript:;" @click="goRoute(localeLocation('/about/concept'))">{{
|
|
|
|
|
|
|
|
$t('About.concept') }}</a></li>
|
|
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
</li>
|
|
|
|
</li>
|
|
|
|
<li class="nav-item">
|
|
|
|
<li class="nav-item">
|
|
|
|
<div class="nav-link" data-toggle="dropdown" data-submenu>{{ $t('products') }}</div>
|
|
|
|
<div class="nav-link" data-toggle="dropdown" data-submenu>{{ $t('products') }}</div>
|
|
|
|
@ -86,15 +80,7 @@ watch(locale, (nVal,oVal) => {
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
</li>
|
|
|
|
<li class="nav-item">
|
|
|
|
<li class="nav-item">
|
|
|
|
<div class="nav-link">{{ $t('news') }}</div>
|
|
|
|
<div class="nav-link" @click="goRoute(localeLocation('/social/news'))">{{ $t('news') }}</div>
|
|
|
|
<ul class="dropdown-menu">
|
|
|
|
|
|
|
|
<li><a class="dropdown-item" @click="goRoute(localeLocation('/social/news'))">{{ $t('Social.news')
|
|
|
|
|
|
|
|
}}</a></li>
|
|
|
|
|
|
|
|
<li><a class="dropdown-item" @click="goRoute(localeLocation('/social/activity'))">{{
|
|
|
|
|
|
|
|
$t('Social.activity') }}</a></li>
|
|
|
|
|
|
|
|
<li><a class="dropdown-item" @click="goRoute(localeLocation('/social/esg'))">{{
|
|
|
|
|
|
|
|
$t('Social.esg') }}</a></li>
|
|
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
</li>
|
|
|
|
</li>
|
|
|
|
<li class="nav-item">
|
|
|
|
<li class="nav-item">
|
|
|
|
<div class="nav-link">{{ $t('contact') }}</div>
|
|
|
|
<div class="nav-link">{{ $t('contact') }}</div>
|
|
|
|
@ -106,11 +92,11 @@ watch(locale, (nVal,oVal) => {
|
|
|
|
</ul>
|
|
|
|
</ul>
|
|
|
|
</li>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</ul>
|
|
|
|
<div class="landBtnGroup btn-group">
|
|
|
|
<!-- <div class="landBtnGroup btn-group">
|
|
|
|
<NuxtLink class="btn chBtn" :class="{ active: locale === 'tw' }" :to="switchLocalePath('tw')">繁</NuxtLink>
|
|
|
|
<NuxtLink class="btn chBtn" :class="{ active: locale === 'tw' }" :to="switchLocalePath('tw')">繁</NuxtLink>
|
|
|
|
<NuxtLink class="btn chBtn" :class="{ active: locale === 'cn' }" :to="switchLocalePath('cn')">简</NuxtLink>
|
|
|
|
<NuxtLink class="btn chBtn" :class="{ active: locale === 'cn' }" :to="switchLocalePath('cn')">简</NuxtLink>
|
|
|
|
<NuxtLink class="btn chBtn" :class="{ active: locale === 'en' }" :to="switchLocalePath('en')">EN</NuxtLink>
|
|
|
|
<NuxtLink class="btn chBtn" :class="{ active: locale === 'en' }" :to="switchLocalePath('en')">EN</NuxtLink>
|
|
|
|
</div>
|
|
|
|
</div> -->
|
|
|
|
<form class="searchBar" @submit="handleSearchSubmit">
|
|
|
|
<form class="searchBar" @submit="handleSearchSubmit">
|
|
|
|
<input class="form-control form-control-sm bg-silver border-0" type="search"
|
|
|
|
<input class="form-control form-control-sm bg-silver border-0" type="search"
|
|
|
|
placeholder="產品搜尋"
|
|
|
|
placeholder="產品搜尋"
|
|
|
|
@ -131,8 +117,10 @@ watch(locale, (nVal,oVal) => {
|
|
|
|
<div class="row gx-lg-5 justify-content-between mb-5">
|
|
|
|
<div class="row gx-lg-5 justify-content-between mb-5">
|
|
|
|
<div class="col-12 col-lg-auto">
|
|
|
|
<div class="col-12 col-lg-auto">
|
|
|
|
<a class="logoGroup" href="javascript:;" @click="router.push(localeLocation('/'))">
|
|
|
|
<a class="logoGroup" href="javascript:;" @click="router.push(localeLocation('/'))">
|
|
|
|
<div class="logo"><img :src="logoImg" alt=""></div>
|
|
|
|
<div class="logo">
|
|
|
|
<p>since 2002</p>
|
|
|
|
<!-- <img :src="logoImg" alt=""> -->
|
|
|
|
|
|
|
|
WEISEN
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</a>
|
|
|
|
<!-- <div class="share_link">
|
|
|
|
<!-- <div class="share_link">
|
|
|
|
<a href="#"><div class="item fb"><i class="fa-brands fa-facebook-f"></i></div></a>
|
|
|
|
<a href="#"><div class="item fb"><i class="fa-brands fa-facebook-f"></i></div></a>
|
|
|
|
@ -184,6 +172,6 @@ watch(locale, (nVal,oVal) => {
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="copyright">{{ $t('copyright') }}</div>
|
|
|
|
<div class="copyright">{{ config[locale].copyright }}</div>
|
|
|
|
</footer>
|
|
|
|
</footer>
|
|
|
|
</template>
|
|
|
|
</template>
|