bimwe/official_network
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
unknown
2020-12-09 19:06:11 +08:00
parent 919c6dc0db
commit 3089f1c825
30 changed files with 4000 additions and 2870 deletions
Download Patch File Download Diff File Expand all files Collapse all files

288
src/components/ifooter.vue
View File

@@ -1,180 +1,186 @@
<template>
<div>
<div class="footer">
<div class="row1">
<div class="pageWidth">
<table class="footerTable">
<thead class="bread desktop smallDesktop">
<tr><th >我们的办公室</th>
<th>快速链接</th>
</tr></thead>
<tbody><tr>
<td class="stackable">
<ul class="quickLinks bread">
<li v-for="item in contactData" :key="item.name" >
<label>{{item.name+"："}}</label>
<label>{{item.value}}</label>
</li>
</ul>
</td>
<td class="quickLinksContainer">
<div class="mobile mobileFooterTitle bread">Snabblänkar</div>
<ul class="quickLinks bread">
<li v-for="menu in menus" :key="menu.name" >
<router-link :to="menu.url">{{menu.name}}</router-link>
</li>
</ul>
</td></tr></tbody></table>
</div>
</div>
<div class="footer">
<div class="row1">
<div class="pageWidth">
<table class="footerTable">
<thead class="bread desktop smallDesktop">
<tr>
<th>我们的办公室</th>
<th>快速链接</th>
</tr>
</thead>
<tbody>
<tr>
<td class="stackable">
<ul class="quickLinks bread">
<li v-for="item in contactData" :key="item.name">
<label>{{item.name+"："}}</label>
<label>{{item.value}}</label>
</li>
</ul>
<div class="row2">
<div class="contentContainer pageWidth">
<div class="bread">Copyright © 2018 Bimwe Technology co. LTD</div>
</div>
</div>
</td>
<td class="quickLinksContainer">
<div class="mobile mobileFooterTitle bread">Snabblänkar</div>
<ul class="quickLinks bread">
<li v-for="menu in menus" :key="menu.name">
<router-link :to="menu.url">{{menu.name}}</router-link>
</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- container for support and content forms -->
<div id="forms">
<!-- SUPPORT FORM -->
<div id="formContactContainer" class="formContainer bottomShadow">
<div class="row2">
<div class="contentContainer pageWidth">
<div class="bread">Copyright © 2018 Bimwe Technology co. LTD</div>
</div>
</div>
<span class="btnQuitForm">X</span>
<!-- container for support and content forms -->
<div id="forms">
<!-- SUPPORT FORM -->
<div id="formContactContainer" class="formContainer bottomShadow">
<div class="formResultContainer">
<h1>Tack för att du kontaktade oss</h1>
<p>Vi svarar dig så fort vi kan.</p>
</div>
<span class="btnQuitForm">X</span>
<table class="contactTable">
<tbody>
<tr>
<!-- LEFT (CONTACT FORM) -->
<td class="contactColumn">
<div class="formResultContainer">
<h1>Tack för att du kontaktade oss</h1>
<p>Vi svarar dig så fort vi kan.</p>
</div>
<div class="formInputContainer">
<table class="contactTable">
<tbody>
<tr>
<!-- LEFT (CONTACT FORM) -->
<td class="contactColumn">
<h1>Kontakta oss</h1>
<div class="formInputContainer">
<p class="contactSubtitle">Vad roligt att du är intresserad!</p>
<h1>Kontakta oss</h1>
<p class="leftAligned">Fyll i dina uppgifter, så kontaktar vi dig så fort som möjligt.</p>
<p class="contactSubtitle">Vad roligt att du är intresserad!</p>
<form id="formContact">
<p class="leftAligned">Fyll i dina uppgifter, så kontaktar vi dig så fort som möjligt.</p>
<label for="conName">Namn:</label>
<input type="text" name="name" id="conName"><br>
<form id="formContact">
<label for="conEmail">Mejladress: <span class="required">*</span></label>
<input type="email" name="email" id="conEmail" required=""><br>
<label for="conName">Namn:</label>
<input type="text" name="name" id="conName"><br>
<label for="conPhone">Telefonnummer:</label>
<input type="text" name="phone" id="conPhone"><br>
<label for="conEmail">Mejladress: <span class="required">*</span></label>
<input type="email" name="email" id="conEmail" required=""><br>
<label for="conComments">Vad vill du veta mer om: <span class="required">*</span></label>
<textarea name="comments" form="formComments" id="conComments" required=""></textarea>
<label for="conPhone">Telefonnummer:</label>
<input type="text" name="phone" id="conPhone"><br>
<div class="formBottom">
<span class="threeQuarterBread">* Obligatorisk</span>
<input type="submit" name="submit" value="Skicka">
</div>
<label for="conComments">Vad vill du veta mer om: <span class="required">*</span></label>
<textarea name="comments" form="formComments" id="conComments" required=""></textarea>
</form>
</div>
</td>
<!-- END LEFT (CONTACT FORM) -->
<div class="formBottom">
<span class="threeQuarterBread">* Obligatorisk</span>
<input type="submit" name="submit" value="Skicka">
</div>
<!-- RIGHT (CONTACT FORM) -->
<td class="contactColumn">
</form>
<div class="ourLocation">
<img id="locMap" src="../assets/img/map_location_greyscale.jpg" alt="Här finns vi">
<img id="locIcon" src="../assets/img/svg/ic_position_marker_shaded.svg" alt="">
</div>
</div>
<div class="rightAligned">
<img src="../assets/img/svg/ic_directions.svg" alt="Vägbeskrivning" class="icon">
<a href="https://www.google.com/maps/dir//Pythagoras+AB,+S%C3%B6der+M%C3%A4larstrand+27+B,+118+25+Stockholm" class="findUsSweden" target="_blank">
Vägbeskrivning
</a>
</div>
</td>
<!-- END LEFT (CONTACT FORM) -->
<p class="leftAligned">Du kan även mejla, ringa och besöka oss.</p>
<!-- RIGHT (CONTACT FORM) -->
<td class="contactColumn">
<table class="contactSummaryTable">
<tbody>
<tr>
<td>
<img src="../assets/img/svg/ic_plane.svg" class="icon">
</td>
<td>
<h3 class="h3">Mejla oss:</h3>
<a href="mailto:info@pythagoras.se">info@pythagoras.se</a>
</td>
</tr>
<tr>
<td>
<img src="../assets/img/svg/ic_mobile.svg" class="icon">
</td>
<td>
<h3 class="h3">Ring oss:</h3>
<a href="tel:+4687618090">+46-8 761 80 90</a>
</td>
</tr>
<tr>
<td>
<img src="../assets/img/svg/ic_position.svg" class="iconSmall">
</td>
<td>
<h3 class="h3">Besök oss:</h3>
<a href="https://www.google.com/maps?saddr=My+Location&amp;daddr=Pythagoras+AB,+S%C3%B6der+M%C3%A4larstrand+27+B,+118+25+Stockholm" target="_blank">Söder Mälarstrand 27B, SE-118 25<br>Stockholm, Sweden</a>
</td>
</tr>
</tbody>
</table>
<div class="ourLocation">
<img id="locMap" src="../assets/img/map_location_greyscale.jpg" alt="Här finns vi">
<img id="locIcon" src="../assets/img/svg/ic_position_marker_shaded.svg" alt="">
</div>
</td>
<!-- END RIGHT (CONTACT FORM) -->
</tr>
</tbody>
</table>
</div>
<div class="rightAligned">
<img src="../assets/img/svg/ic_directions.svg" alt="Vägbeskrivning" class="icon">
<a href="https://www.google.com/maps/dir//Pythagoras+AB,+S%C3%B6der+M%C3%A4larstrand+27+B,+118+25+Stockholm" class="findUsSweden" target="_blank">
Vägbeskrivning
</a>
</div>
<!-- SUPPORT FORM --> </div>
<p class="leftAligned">Du kan även mejla, ringa och besöka oss.</p>
<!-- USED TO GET DETECT WIDTH USING JS AND CSS MEDIA QUERIES -->
<span id="mobile_indicator"></span>
<span id="phone_indicator"></span>
<table class="contactSummaryTable">
<tbody>
<tr>
<td>
<img src="../assets/img/svg/ic_plane.svg" class="icon">
</td>
<td>
<h3 class="h3">Mejla oss:</h3>
<a href="mailto:info@pythagoras.se">info@pythagoras.se</a>
</td>
</tr>
<tr>
<td>
<img src="../assets/img/svg/ic_mobile.svg" class="icon">
</td>
<td>
<h3 class="h3">Ring oss:</h3>
<a href="tel:+4687618090">+46-8 761 80 90</a>
</td>
</tr>
<tr>
<td>
<img src="../assets/img/svg/ic_position.svg" class="iconSmall">
</td>
<td>
<h3 class="h3">Besök oss:</h3>
<a href="https://www.google.com/maps?saddr=My+Location&amp;daddr=Pythagoras+AB,+S%C3%B6der+M%C3%A4larstrand+27+B,+118+25+Stockholm" target="_blank">Söder Mälarstrand 27B, SE-118 25<br>Stockholm, Sweden</a>
</td>
</tr>
</tbody>
</table>
<!-- <div class="cookiesInfo h4">Vi använder cookies för att förbättra din upplevelse av Pythagoras hemsida. <a>Vill du veta mer?</a> <input type="button" value="Jag förstår"/></div> -->
</td>
<!-- END RIGHT (CONTACT FORM) -->
</tr>
</tbody>
</table>
</div>
</div>
<!-- SUPPORT FORM -->
</div>
<!-- USED TO GET DETECT WIDTH USING JS AND CSS MEDIA QUERIES -->
<span id="mobile_indicator"></span>
<span id="phone_indicator"></span>
<!-- <div class="cookiesInfo h4">Vi använder cookies för att förbättra din upplevelse av Pythagoras hemsida. <a>Vill du veta mer?</a> <input type="button" value="Jag förstår"/></div> -->
</div>
</div>
</template>
</template>
<script>
export default {
data() {
return {
menus: window.config.menus,
contactData: [
{ name: "地址", value: "上海市宝山区顾村" },
{ name: "手机", value: "13817819452" },
{ name: "邮箱", value: "Zhp@bimwe.com" }
],
};
}
data() {
return {
menus: window.config.menus,
contactData: [
{ name: '地址', value: '上海市宝山区顾村' },
{ name: '手机', value: '13817819452' },
{ name: '邮箱', value: 'Zhp@bimwe.com' },
],
};
},
};
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.quickLinks li {
float: left;
margin: 5px 20px;
float: left;
margin: 5px 20px;
}
</style>

202
src/components/ihead.vue
View File

@@ -1,108 +1,116 @@
<template>
<div>
<div class="header bottomShadow">
<div class="content pageWidth">
<div class="top">
<div class="content bread">
<table><tbody><tr><td class="contact contactLinks">
<img src="../assets/img/svg/mobile.svg" class="inlineTextIcon inlineTextPhoneIcon"><span>
<a href="tel:13817819452">13817819452</a></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="../assets/img/svg/airplane.svg" class="inlineTextIcon">
<span><a href="mailto:bimwe@bimwe.com">bimwe@bimwe.com</a></span>
</td><td class="searchContainer desktop">
<input type="text" class="search" placeholder="Sök" style="margin-left:1em;width:10em">
</td></tr></tbody></table>
</div>
</div>
<!-- BOTTOM - DESKTOP -->
<div class="bottom desktop">
<table>
<tbody>
<tr>
<td class="logoCell">
<img class="logo" src="../assets/img/logo.png">
</td>
<td class="mainMenuCell">
<table class="mainMenu">
<tbody>
<tr>
<td class="h2" v-for="menu in menus" :key="menu.name" >
<router-link :to="menu.url">
{{menu.name}}
<span v-if="menu.child.length>0" class="downCaret"></span>
</router-link>
<div class="dropDown bottomShadowSegment" v-if="menu.child.length>0" >
<router-link :to="sonMenu.url" v-for="sonMenu in menu.child" :key="sonMenu.name">{{sonMenu.name}}</router-link>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!-- END BOTTOM - DESKTOP -->
<div class="header bottomShadow">
<div class="content pageWidth">
<div class="top">
<div class="content bread">
<table>
<tbody>
<tr>
<td class="contact contactLinks">
<img src="../assets/img/svg/mobile.svg" class="inlineTextIcon inlineTextPhoneIcon"><span>
<a href="tel:13817819452">13817819452</a></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="../assets/img/svg/airplane.svg" class="inlineTextIcon">
<span><a href="mailto:bimwe@bimwe.com">bimwe@bimwe.com</a></span>
</td>
<td class="searchContainer desktop">
<input type="text" class="search" placeholder="Sök" style="margin-left:1em;width:10em">
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- BOTTOM - DESKTOP -->
<div class="bottom desktop">
<table>
<tbody>
<tr>
<td class="logoCell">
<img class="logo" src="../assets/img/logo.png">
</td>
<td class="mainMenuCell">
<table class="mainMenu">
<tbody>
<tr>
<td class="h2" v-for="menu in menus" :key="menu.name">
<router-link :to="menu.url">
{{menu.name}}
<span v-if="menu.child.length>0" class="downCaret"></span>
</router-link>
<div class="dropDown bottomShadowSegment" v-if="menu.child.length>0">
<router-link :to="sonMenu.url" v-for="sonMenu in menu.child" :key="sonMenu.name">{{sonMenu.name}}</router-link>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!-- END BOTTOM - DESKTOP -->
<div class="bottom headerBottom mobile">
<table>
<tbody>
<tr>
<td class="logoCell">
<img class="logo" src="../assets/img/bimwe_logo.png">
</td>
<td class="mobileIconsCell">
<!-- <img src="../assets/img/svg/ic_search.svg" /> -->
<img src="../assets/img/svg/ic_hamburger.svg" id="hamburger">
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="mobileMenu" class="headerMobileMenu bread">
<div class="menuDummy"></div><div class="menuContent">
<ul>
<li v-for="menu in menus" :key="menu.name" >
<a href="menu.url" v-if="menu.name=='首页'" >{{menu.name}}</a>
<label v-else class="hasSubmenu" style="display:block;">{{menu.name}}</label>
<ul class="subMenu" v-if="menu.child.length>0" >
<li v-for="sonMenu in menu.child" :key="sonMenu.name" >
<router-link class="hasSubmenu" :to="sonMenu.url">{{sonMenu.name}}</router-link>
</li>
</ul>
</li>
</ul>
<div class="goBack">
<a href="JavaScript:void()" class="linkGoBack flexVerticalCenter">
<img src="../assets/img/svg/ic_arrow_back.svg" alt="返回">
<span>返回</span>
</a>
</div>
</div>
</div>
</div>
<div class="bottom headerBottom mobile">
<table>
<tbody>
<tr>
<td class="logoCell">
<img class="logo" src="../assets/img/bimwe_logo.png">
</td>
<td class="mobileIconsCell">
<!-- <img src="../assets/img/svg/ic_search.svg" /> -->
<img src="../assets/img/svg/ic_hamburger.svg" id="hamburger">
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="mobileMenu" class="headerMobileMenu bread">
<div class="menuDummy"></div>
<div class="menuContent">
<ul>
<li v-for="menu in menus" :key="menu.name">
<a href="menu.url" v-if="menu.name=='首页'">{{menu.name}}</a>
<label v-else class="hasSubmenu" style="display:block;">{{menu.name}}</label>
<ul class="subMenu" v-if="menu.child.length>0">
<li v-for="sonMenu in menu.child" :key="sonMenu.name">
<router-link class="hasSubmenu" :to="sonMenu.url">{{sonMenu.name}}</router-link>
</li>
</ul>
</li>
</ul>
<div class="goBack">
<a href="JavaScript:void()" class="linkGoBack flexVerticalCenter">
<img src="../assets/img/svg/ic_arrow_back.svg" alt="返回">
<span>返回</span>
</a>
</div>
</div>
</div>
</div>
</div>
</template>
</template>
<script>
import { common } from "../assets/static/common";
import { common } from '../static/common';
export default {
data() {
return {
menus: window.config.menus
};
},
mounted: function() {
common.init();
common.initListeners();
common.initHeader();
common.initForms();
common.initMobileMenu();
common.adjustElementsForScreen();
}
data() {
return {
menus: window.config.menus,
};
},
mounted: function () {
common.init();
common.initListeners();
common.initHeader();
common.initForms();
common.initMobileMenu();
common.adjustElementsForScreen();
},
};
</script>

110
src/components/leftMenu.vue
View File

@@ -1,72 +1,76 @@
<template>
<div class="contentTableLeft" id="navSidebar" v-if="!isMobile">
<div class="contentTableLeft" id="navSidebar" v-if="!isMobile">
<div id="navAccordion" class="accordion" style="opacity: 1;" >
<div class="h1"><font style="vertical-align: inherit;" v-if="curMenu"><font style="vertical-align: inherit;"> {{curMenu.name}}</font></font></div>
<div id="navAccordion" class="accordion" style="opacity: 1;">
<ul class="content" v-if="curMenu">
<li class="category" v-for=" sonmenu in curMenu.child" :key="sonmenu.name" >
<router-link :to="sonmenu.url" :class="sonmenu.strong" >
<div class="triangle"></div>
<font style="vertical-align: inherit;">
<font style="vertical-align: inherit;"> {{sonmenu.name}}</font>
</font>
</router-link>
<div class="mobileContent">
<h1 > {{sonmenu.name}}</h1>
</div>
</li>
</ul>
</div>
<div class="h1">
<font style="vertical-align: inherit;" v-if="curMenu">
<font style="vertical-align: inherit;"> {{curMenu.name}}</font>
</font>
</div>
<ul class="content" v-if="curMenu">
<li class="category" v-for=" sonmenu in curMenu.child" :key="sonmenu.name">
<router-link :to="sonmenu.url" :class="sonmenu.strong">
<div class="triangle"></div>
<font style="vertical-align: inherit;">
<font style="vertical-align: inherit;"> {{sonmenu.name}}</font>
</font>
</router-link>
<div class="mobileContent">
<h1> {{sonmenu.name}}</h1>
</div>
</li>
</ul>
</div>
</div>
</template>
<script>
import "../assets/css/content_pages.css";
import { common } from "../assets/static/common";
import '../assets/css/content_pages.css';
import { common } from '../static/common';
export default {
data() {
return {
menus: window.config.menus,
isMobile: false,
curMenu: null,
curChildMenu: null,
strong: ""
};
},
created: function() {
this.Init();
},
methods: {
Init: function() {
this.isMobile = common.isMobile();
var path = this.$route.fullPath.split("/");
data() {
return {
menus: window.config.menus,
isMobile: false,
curMenu: null,
curChildMenu: null,
strong: '',
};
},
created: function () {
this.Init();
},
methods: {
Init: function () {
this.isMobile = common.isMobile();
var path = this.$route.fullPath.split('/');
this.curMenu = this.menus.find(p => {
return p.url.indexOf(path[1]) > 0;
});
this.curMenu = this.menus.find((p) => {
return p.url.indexOf(path[1]) > 0;
});
this.curChildMenu = this.curMenu.child.find(p => {
return p.url.indexOf(path[2]) > 0;
});
this.curChildMenu = this.curMenu.child.find((p) => {
return p.url.indexOf(path[2]) > 0;
});
this.curMenu.child.map(p => {
p.strong = "categoryHead h2 linkProduct";
if (p.url.indexOf(path[2]) > 0) {
this.curChildMenu.strong = "categoryHead h2 linkProduct strong";
}
});
}
}
this.curMenu.child.map((p) => {
p.strong = 'categoryHead h2 linkProduct';
if (p.url.indexOf(path[2]) > 0) {
this.curChildMenu.strong =
'categoryHead h2 linkProduct strong';
}
});
},
},
};
</script>
<style scoped>
.contentTableLeft {
display: table;
float: left;
display: table;
float: left;
}
</style>