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

初始化项目

Browse Source
This commit is contained in:
LightZhang
2018-10-28 09:20:02 +08:00
parent 42f99614f2
commit 16274fbbaa
82 changed files with 17340 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

180
src/components/i_footer.vue Normal file
View File

@@ -0,0 +1,180 @@
<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="row2">
<div class="contentContainer pageWidth">
<div class="bread">Copyright © 2018 Bimwe Technology co. LTD</div>
</div>
</div>
<!-- container for support and content forms -->
<div id="forms">
<!-- SUPPORT FORM -->
<div id="formContactContainer" class="formContainer bottomShadow">
<span class="btnQuitForm">X</span>
<div class="formResultContainer">
<h1>Tack för att du kontaktade oss</h1>
<p>Vi svarar dig så fort vi kan.</p>
</div>
<table class="contactTable">
<tbody>
<tr>
<!-- LEFT (CONTACT FORM) -->
<td class="contactColumn">
<div class="formInputContainer">
<h1>Kontakta oss</h1>
<p class="contactSubtitle">Vad roligt att du är intresserad!</p>
<p class="leftAligned">Fyll i dina uppgifter, så kontaktar vi dig så fort som möjligt.</p>
<form id="formContact">
<label for="conName">Namn:</label>
<input type="text" name="name" id="conName"><br>
<label for="conEmail">Mejladress: <span class="required">*</span></label>
<input type="email" name="email" id="conEmail" required=""><br>
<label for="conPhone">Telefonnummer:</label>
<input type="text" name="phone" id="conPhone"><br>
<label for="conComments">Vad vill du veta mer om: <span class="required">*</span></label>
<textarea name="comments" form="formComments" id="conComments" required=""></textarea>
<div class="formBottom">
<span class="threeQuarterBread">* Obligatorisk</span>
<input type="submit" name="submit" value="Skicka">
</div>
</form>
</div>
</td>
<!-- END LEFT (CONTACT FORM) -->
<!-- RIGHT (CONTACT FORM) -->
<td class="contactColumn">
<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 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>
<p class="leftAligned">Du kan även mejla, ringa och besöka oss.</p>
<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>
</td>
<!-- END RIGHT (CONTACT FORM) -->
</tr>
</tbody>
</table>
</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>
<script>
export default {
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;
}
</style>

101
src/components/i_head.vue Normal file
View File

@@ -0,0 +1,101 @@
<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="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" >
<router-link class="hasSubmenu" :to="menu.url">{{menu.name}}</router-link>
<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:history.back()" class="flexVerticalCenter"> -->
<a href="#" class="linkGoBack flexVerticalCenter">
<img src="../assets/img/svg/ic_arrow_back.svg" alt="Tillbaka">
<span>Tillbaka</span>
</a>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
menus: window.config.menus
};
}
};
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>

17
src/components/leftMenu.vue Normal file
View File

@@ -0,0 +1,17 @@
<template>
<div>
</div>
</template>
<script>
export default {
data() {
return {};
}
};
</script>
<style scoped>
</style>