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

1742
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

5
package.json
View File

@@ -10,6 +10,7 @@
"dependencies": { "dependencies": {
"bootstrap": "^3.3.7", "bootstrap": "^3.3.7",
"es6-promise": "^4.2.5", "es6-promise": "^4.2.5",
"jquery": "^3.5.1",
"vue": "^2.5.17", "vue": "^2.5.17",
"vue-awesome-swiper": "^3.1.3", "vue-awesome-swiper": "^3.1.3",
"vue-router": "^3.0.1", "vue-router": "^3.0.1",
@@ -17,9 +18,13 @@
"vuex": "^3.0.1" "vuex": "^3.0.1"
}, },
"devDependencies": { "devDependencies": {
"@typescript-eslint/eslint-plugin": "^4.9.1",
"@typescript-eslint/parser": "^4.9.1",
"@vue/cli-plugin-babel": "^3.0.3", "@vue/cli-plugin-babel": "^3.0.3",
"@vue/cli-plugin-eslint": "^3.0.3", "@vue/cli-plugin-eslint": "^3.0.3",
"@vue/cli-service": "^3.0.3", "@vue/cli-service": "^3.0.3",
"eslint": "^7.15.0",
"eslint-plugin-vue": "^7.2.0",
"vue-template-compiler": "^2.5.17" "vue-template-compiler": "^2.5.17"
}, },
"eslintConfig": { "eslintConfig": {

BIN
public/favicon.ico
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 283 B

6
public/index.html
View File

@@ -1,17 +1,17 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>上海丙维科技有限公司</title> <title>上海丙维科技有限公司</title>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>
</body> </body>
</html> </html>

BIN
public/三维.mp4 Normal file
View File

Binary file not shown.

BIN
public/超广角设备.pdf Normal file
View File

Binary file not shown.

7
src/App.vue
View File

@@ -3,7 +3,10 @@
<router-view /> <router-view />
</div> </div>
</template> </template>
<script>
export default {
mounted() {},
};
</script>
<style> <style>
</style> </style>

228
src/assets/css/common.css
View File

@@ -9,7 +9,6 @@
} }
*/ */
@font-face { @font-face {
font-family: ProximaNova; font-family: ProximaNova;
src: url("./font/ProximaNova-Regular.otf") src: url("./font/ProximaNova-Regular.otf")
@@ -32,6 +31,7 @@
; ;
} }
/* GENERAL */ /* GENERAL */
html, html,
@@ -50,7 +50,6 @@ body {
color: #000; color: #000;
background-color: #fff; background-color: #fff;
overflow-x: hidden; overflow-x: hidden;
} }
*, *,
@@ -165,9 +164,12 @@ h4,
text-decoration: none; text-decoration: none;
} }
/* END GENERAL */ /* END GENERAL */
/* OVERLAY */ /* OVERLAY */
#screenOverlay { #screenOverlay {
display: none; display: none;
background: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.6);
@@ -190,7 +192,9 @@ h4,
z-index: 999; z-index: 999;
} }
/*FLEX CONTAINERS*/ /*FLEX CONTAINERS*/
.flexVerticalCenter { .flexVerticalCenter {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
@@ -200,6 +204,7 @@ h4,
align-items: center; align-items: center;
} }
/* HEADER */ /* HEADER */
.header { .header {
@@ -272,7 +277,6 @@ h4,
cursor: pointer; cursor: pointer;
} }
.header>.content>.bottom>table>tbody>tr>td.logoCell>.logo { .header>.content>.bottom>table>tbody>tr>td.logoCell>.logo {
margin-top: 0.5em; margin-top: 0.5em;
height: 2.5em; height: 2.5em;
@@ -297,7 +301,6 @@ h4,
.header>.content>.bottom>table>tbody>tr>td.mainMenuCell a { .header>.content>.bottom>table>tbody>tr>td.mainMenuCell a {
/*border: 1px solid red; /*border: 1px solid red;
padding: 0.25em;*/ padding: 0.25em;*/
} }
.header>.content>.bottom>table>tbody>tr>td.languageCell { .header>.content>.bottom>table>tbody>tr>td.languageCell {
@@ -306,12 +309,10 @@ h4,
text-align: right; text-align: right;
} }
table.mainMenu { table.mainMenu {
border-collapse: collapse; border-collapse: collapse;
margin: 0 auto; margin: 0 auto;
width: 70%; width: 70%;
} }
table.mainMenu a { table.mainMenu a {
@@ -335,7 +336,6 @@ table.mainMenu>tbody>tr>td {
width: auto; width: auto;
/*max-width: 5em;*/ /*max-width: 5em;*/
cursor: pointer; cursor: pointer;
} }
table.mainMenu>tbody>tr>td span.downCaret { table.mainMenu>tbody>tr>td span.downCaret {
@@ -349,7 +349,6 @@ table.mainMenu>tbody>tr>td span.downCaret {
-webkit-transform: rotate(45deg); -webkit-transform: rotate(45deg);
} }
table.mainMenu>tbody>tr>td.selected { table.mainMenu>tbody>tr>td.selected {
box-shadow: 0 -3px 0 #2aa2d4 inset; box-shadow: 0 -3px 0 #2aa2d4 inset;
} }
@@ -364,6 +363,7 @@ table.mainMenu>tbody>tr>td:not(.selected):hover {
table.mainMenu>tbody>tr>td>.dropDown { table.mainMenu>tbody>tr>td>.dropDown {
display: none; display: none;
width: 100%;
text-align: left; text-align: left;
position: absolute; position: absolute;
top: 100%; top: 100%;
@@ -375,7 +375,6 @@ table.mainMenu>tbody>tr>td>.dropDown {
padding: 1em; padding: 1em;
white-space: nowrap; white-space: nowrap;
border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
} }
table.mainMenu>tbody>tr>td:hover>.dropDown { table.mainMenu>tbody>tr>td:hover>.dropDown {
@@ -412,6 +411,7 @@ a.languageDisabled {
cursor: default; cursor: default;
} }
/*.languages .dropDown { /*.languages .dropDown {
background: red; background: red;
}*/ }*/
@@ -482,8 +482,6 @@ input[type="text"].search {
user-select: none; user-select: none;
} }
.banner .carousel { .banner .carousel {
position: absolute; position: absolute;
top: 0px; top: 0px;
@@ -529,7 +527,6 @@ input[type="text"].search {
; ;
} }
.banner .carousel>.infoBoxes>.infoBox { .banner .carousel>.infoBoxes>.infoBox {
position: absolute; position: absolute;
height: 100%; height: 100%;
@@ -587,9 +584,7 @@ input[type="text"].search {
height: 0; height: 0;
border-top: 1em solid transparent; border-top: 1em solid transparent;
border-bottom: 1em solid transparent; border-bottom: 1em solid transparent;
border-left: 1em solid #2aa2d4; border-left: 1em solid #2aa2d4;
margin-right: 1em; margin-right: 1em;
} }
@@ -623,7 +618,6 @@ input[type="text"].search {
text-align: left; text-align: left;
} }
.banner .carousel>.controls>.directionControls>.directionControl { .banner .carousel>.controls>.directionControls>.directionControl {
position: absolute; position: absolute;
top: 50%; top: 50%;
@@ -711,7 +705,6 @@ input[type="text"].search {
cursor: pointer; cursor: pointer;
text-decoration: none; text-decoration: none;
color: #000; color: #000;
} }
.scrollToContentWrapper>a.scrollToContent:hover { .scrollToContentWrapper>a.scrollToContent:hover {
@@ -745,7 +738,6 @@ input[type="text"].search {
width: 70%; width: 70%;
padding: 0; padding: 0;
margin: 0 auto; margin: 0 auto;
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
@@ -762,7 +754,6 @@ input[type="text"].search {
margin-bottom: 2em; margin-bottom: 2em;
text-align: center; text-align: center;
overflow: hidden; overflow: hidden;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
background-position: center center; background-position: center center;
@@ -774,8 +765,6 @@ input[type="text"].search {
margin-bottom: 0; margin-bottom: 0;
} }
.pageBoxes .box>.boxTableHeader { .pageBoxes .box>.boxTableHeader {
width: 100%; width: 100%;
height: 22%; height: 22%;
@@ -787,7 +776,6 @@ input[type="text"].search {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
@@ -837,6 +825,7 @@ input[type="text"].search {
cursor:pointer; cursor:pointer;
}*/ }*/
/* COOKIES COMPLIANCE - OVERRIDE DEFAULT STYLES */ /* COOKIES COMPLIANCE - OVERRIDE DEFAULT STYLES */
.cc-window { .cc-window {
@@ -892,7 +881,6 @@ input[type="text"].search {
width: 25%; width: 25%;
} }
.footer>.row1 table.footerTable table.addressTable { .footer>.row1 table.footerTable table.addressTable {
width: 100%; width: 100%;
/*table-layout:fixed;*/ /*table-layout:fixed;*/
@@ -966,9 +954,12 @@ input[type="text"].search {
background-color: #22323b; background-color: #22323b;
} }
/* END FOOTER */ /* END FOOTER */
/* FORMS */ /* FORMS */
#forms { #forms {
display: none; display: none;
position: absolute; position: absolute;
@@ -1002,7 +993,6 @@ input[type="text"].search {
margin: 1em auto; margin: 1em auto;
text-align: center; text-align: center;
font-size: 0.875em; font-size: 0.875em;
/*-webkit-box-sizing: border-box; /*-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box;*/ box-sizing: border-box;*/
@@ -1040,13 +1030,11 @@ input[type="text"].search {
#forms>.formContainer form input[type="text"] { #forms>.formContainer form input[type="text"] {
width: 100%; width: 100%;
} }
#forms>.formContainer form textarea { #forms>.formContainer form textarea {
display: block; display: block;
width: 100%; width: 100%;
font-family: ProximaNova, Arial, sans-serif; font-family: ProximaNova, Arial, sans-serif;
overflow: hidden; overflow: hidden;
resize: none; resize: none;
@@ -1078,15 +1066,19 @@ input[type="text"].search {
margin-bottom: 0.2em; margin-bottom: 0.2em;
} }
/* SUPPORT FORM */ /* SUPPORT FORM */
#forms>#formSupportContainer { #forms>#formSupportContainer {
display: none; display: none;
width: 40%; width: 40%;
padding: 2.5em 4em; padding: 2.5em 4em;
} }
/* END SUPPORT FORM */ /* END SUPPORT FORM */
/* CONTACT FORM */ /* CONTACT FORM */
#forms>#formContactContainer { #forms>#formContactContainer {
@@ -1137,7 +1129,9 @@ input[type="text"].search {
font-size: 1.2em; font-size: 1.2em;
} }
/* LOCATION */ /* LOCATION */
#forms>#formContactContainer .ourLocation { #forms>#formContactContainer .ourLocation {
position: relative; position: relative;
margin-bottom: 0.5em; margin-bottom: 0.5em;
@@ -1176,16 +1170,22 @@ input[type="text"].search {
margin-bottom: 0.2em; margin-bottom: 0.2em;
} }
/* END LOCATION */ /* END LOCATION */
/* END CONTACT FORM */ /* END CONTACT FORM */
/* END FORMS */ /* END FORMS */
/* DESKTOP */
/* DESKTOP */ /* DESKTOP */
/* DESKTOP */
/* MOBILE */ /* MOBILE */
#mobile_indicator, #mobile_indicator,
@@ -1197,7 +1197,9 @@ input[type="text"].search {
display: none; display: none;
} }
/* MOBILE MENUS */ /* MOBILE MENUS */
.headerMobileMenu { .headerMobileMenu {
display: none; display: none;
position: absolute; position: absolute;
@@ -1269,11 +1271,15 @@ input[type="text"].search {
vertical-align: middle; vertical-align: middle;
} }
/* END MOBILE MENU */ /* END MOBILE MENU */
/* END MOBILE */ /* END MOBILE */
/* GOOGLE MAPS */ /* GOOGLE MAPS */
div.googleMap { div.googleMap {
height: 100%; height: 100%;
width: 100%; width: 100%;
@@ -1288,7 +1294,9 @@ div.googleMap {
/* Fix for transition flickering */ /* Fix for transition flickering */
} }
/* MEDIA QUERIES */ /* MEDIA QUERIES */
@media only screen and (max-width: 1700px) { @media only screen and (max-width: 1700px) {
/*.banner { /*.banner {
padding-top: 36%; padding-top: 36%;
@@ -1296,215 +1304,165 @@ div.googleMap {
} }
@media only screen and (max-width: 1600px) { @media only screen and (max-width: 1600px) {
.pageWidth { .pageWidth {
padding-left: 2.5em; padding-left: 2.5em;
padding-right: 2.5em; padding-right: 2.5em;
} }
table.mainMenu>tbody>tr>td>.dropDownRight { table.mainMenu>tbody>tr>td>.dropDownRight {
margin-left: -4em; margin-left: -4em;
} }
.banner {}
.banner {
}
.footer>.row1 .aaaWrapper>img.aaa { .footer>.row1 .aaaWrapper>img.aaa {
width: 6em; width: 6em;
} }
#forms>#formSupportContainer { #forms>#formSupportContainer {
width: 50%; width: 50%;
padding: 2.5em 4em; padding: 2.5em 4em;
background: white; background: white;
} }
#forms>#formContactContainer { #forms>#formContactContainer {
width: 60%; width: 60%;
} }
#forms>#formContactContainer>table.contactTable>tbody>tr>td.contactColumn { #forms>#formContactContainer>table.contactTable>tbody>tr>td.contactColumn {
padding: 0 4em; padding: 0 4em;
} }
.pageBoxes { .pageBoxes {
width: 70%; width: 70%;
} }
.pageBoxes .box { .pageBoxes .box {
height: 20em; height: 20em;
} }
.mainMenu .h2:hover .dropDown { .mainMenu .h2:hover .dropDown {
display: block; display: block;
} }
} }
@media only screen and (max-width: 1500px) { @media only screen and (max-width: 1500px) {
table.mainMenu { table.mainMenu {
width: 80%; width: 80%;
} }
table.mainMenu>tbody>tr>td>.dropDownRight { table.mainMenu>tbody>tr>td>.dropDownRight {
margin-left: -3.5em; margin-left: -3.5em;
} }
.header>.content>.bottom>table>tbody>tr>td.logoCell>.logo { .header>.content>.bottom>table>tbody>tr>td.logoCell>.logo {
margin-top: 1em; margin-top: 1em;
height: 2.25em; height: 2.25em;
} }
.header.mini>.content>.bottom>table>tbody>tr>td.logoCell>.logo { .header.mini>.content>.bottom>table>tbody>tr>td.logoCell>.logo {
margin-top: 0em; margin-top: 0em;
height: 2em; height: 2em;
} }
.banner {}
.banner {
}
.pageBoxes { .pageBoxes {
width: 75%; width: 75%;
} }
} }
/* SMALLER LAPTOPS */
@media only screen and (max-width: 1400px) {
/* SMALLER LAPTOPS */
@media only screen and (max-width: 1400px) {
table.mainMenu { table.mainMenu {
width: 90%; width: 90%;
} }
table.mainMenu>tbody>tr>td>.dropDownRight { table.mainMenu>tbody>tr>td>.dropDownRight {
margin-left: -4em; margin-left: -4em;
} }
.pageBoxes { .pageBoxes {
width: 80%; width: 80%;
} }
.pageBoxes .box { .pageBoxes .box {
height: 20em; height: 20em;
} }
} }
/* SMALLER LAPTOPS */
@media only screen and (max-width: 1200px) {
/* SMALLER LAPTOPS */
@media only screen and (max-width: 1200px) {
.footer>.row1 table.footerTable { .footer>.row1 table.footerTable {
padding-left: 6em; padding-left: 6em;
} }
.footer>.row1 .aaaWrapper>img.aaa { .footer>.row1 .aaaWrapper>img.aaa {
width: 5em; width: 5em;
} }
table.mainMenu { table.mainMenu {
width: 100%; width: 100%;
} }
table.mainMenu>tbody>tr>td>.dropDownRight { table.mainMenu>tbody>tr>td>.dropDownRight {
margin-left: -4.5em; margin-left: -4.5em;
} }
.pageWidth { .pageWidth {
padding-left: 2em; padding-left: 2em;
padding-right: 2em; padding-right: 2em;
} }
#forms>#formSupportContainer { #forms>#formSupportContainer {
width: 60%; width: 60%;
padding: 2.5em 4em; padding: 2.5em 4em;
} }
#forms>#formContactContainer { #forms>#formContactContainer {
width: 80%; width: 80%;
} }
#forms>#formContactContainer>table.contactTable>tbody>tr>td.contactColumn { #forms>#formContactContainer>table.contactTable>tbody>tr>td.contactColumn {
padding: 0 3em; padding: 0 3em;
} }
.banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.infoBoxHead>.infoBoxTitle, .banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.infoBoxHead>.infoBoxTitle,
.contentPage .bannerBox .bannerBoxTitle { .contentPage .bannerBox .bannerBoxTitle {
font-size: 2.5em; font-size: 2.5em;
} }
.banner .carousel>.infoBoxes>.fromLeft>div.infoBoxContent { .banner .carousel>.infoBoxes>.fromLeft>div.infoBoxContent {
padding-left: 20%; padding-left: 20%;
} }
.pageBoxes { .pageBoxes {
width: 85%; width: 85%;
} }
.pageBoxes .box { .pageBoxes .box {
height: 16em; height: 16em;
} }
} }
@media only screen and (max-width: 1080px) { @media only screen and (max-width: 1080px) {
table.mainMenu>tbody>tr>td>.dropDownRight { table.mainMenu>tbody>tr>td>.dropDownRight {
margin-left: -3.5em; margin-left: -3.5em;
} }
.mainMenu .h2 { .mainMenu .h2 {
font-size: 1.0em; font-size: 1.0em;
} }
} }
@media only screen and (max-width: 992px) { @media only screen and (max-width: 992px) {
.footer>.row1 table.footerTable { .footer>.row1 table.footerTable {
padding-left: 4em; padding-left: 4em;
} }
td.mainMenuCell { td.mainMenuCell {
padding-left: 4em; padding-left: 4em;
} }
table.mainMenu>tbody>tr>td>.dropDownRight { table.mainMenu>tbody>tr>td>.dropDownRight {
margin-left: -4.5em; margin-left: -4.5em;
} }
/* .smallDesktop { /* .smallDesktop {
display: none; display: none;
}*/ }*/
h2, h2,
.h2 { .h2 {
font-size: 1.2em; font-size: 1.2em;
} }
.bread { .bread {
font-size: 1.0em; font-size: 1.0em;
line-height: 120%; line-height: 120%;
} }
.pageWidth { .pageWidth {
padding-left: 1em; padding-left: 1em;
padding-right: 1em; padding-right: 1em;
} }
.header>.content>.bottom>table>tbody>tr>td.logoCell>.logo { .header>.content>.bottom>table>tbody>tr>td.logoCell>.logo {
margin-top: 1em; margin-top: 1em;
height: 1.75em; height: 1.75em;
} }
.header.mini>.content>.bottom>table>tbody>tr>td.logoCell>.logo { .header.mini>.content>.bottom>table>tbody>tr>td.logoCell>.logo {
margin-top: 0em; margin-top: 0em;
height: 1.75em; height: 1.75em;
} }
/* .header > .content > .bottom > table > tbody > tr > td.logoCell > a { /* .header > .content > .bottom > table > tbody > tr > td.logoCell > a {
position: absolute; position: absolute;
top: 0; top: 0;
@@ -1512,16 +1470,13 @@ div.googleMap {
right: 0; right: 0;
bottom: 0; bottom: 0;
}*/ }*/
#forms>#formSupportContainer { #forms>#formSupportContainer {
width: 70%; width: 70%;
padding: 2.5em 4em; padding: 2.5em 4em;
} }
#forms>#formContactContainer { #forms>#formContactContainer {
width: 80%; width: 80%;
} }
#forms>.formContainer form input[type="submit"] { #forms>.formContainer form input[type="submit"] {
display: block; display: block;
width: 100%; width: 100%;
@@ -1530,158 +1485,126 @@ div.googleMap {
margin-top: 1em; margin-top: 1em;
margin-bottom: 2em; margin-bottom: 2em;
} }
#forms #formSupport { #forms #formSupport {
padding-bottom: 2.5em; padding-bottom: 2.5em;
} }
.banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.infoBoxHead>.infoBoxTitle, .banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.infoBoxHead>.infoBoxTitle,
.contentPage .bannerBox .bannerBoxTitle { .contentPage .bannerBox .bannerBoxTitle {
font-size: 2em; font-size: 2em;
} }
.banner .carousel>.infoBoxes>.fromLeft>div.infoBoxContent>div.bread { .banner .carousel>.infoBoxes>.fromLeft>div.infoBoxContent>div.bread {
margin-right: 10%; margin-right: 10%;
} }
.banner .carousel>.controls>.directionControls>.directionControl.previous { .banner .carousel>.controls>.directionControls>.directionControl.previous {
left: -.5em; left: -.5em;
} }
.banner .carousel>.controls>.directionControls>.directionControl.next { .banner .carousel>.controls>.directionControls>.directionControl.next {
right: -.5em; right: -.5em;
} }
.banner .carousel>.controls>.directionControls>.directionControl>img { .banner .carousel>.controls>.directionControls>.directionControl>img {
height: 2.5em; height: 2.5em;
padding: 0.85em 1.5em; padding: 0.85em 1.5em;
} }
.pageBoxes { .pageBoxes {
width: 90%; width: 90%;
} }
} }
/* LARGE TABLETS */
@media only screen and (max-width: 768px) {
/* LARGE TABLETS */
@media only screen and (max-width: 768px) {
.desktop { .desktop {
display: none; display: none;
} }
.mobile { .mobile {
display: block; display: block;
} }
#mobile_indicator { #mobile_indicator {
display: inline-block; display: inline-block;
} }
.pageWidth { .pageWidth {
padding-left: 1.5em; padding-left: 1.5em;
padding-right: 1.5em; padding-right: 1.5em;
} }
.header>.content>.top { .header>.content>.top {
height: 2em; height: 2em;
} }
.header>.content>.top>.content>table>tbody>tr>td.contact { .header>.content>.top>.content>table>tbody>tr>td.contact {
text-align: center; text-align: center;
} }
.inlineTextPhoneIcon { .inlineTextPhoneIcon {
height: 1em; height: 1em;
} }
.headerPhoneNumber { .headerPhoneNumber {
font-size: 0.9em; font-size: 0.9em;
margin-right: 1em; margin-right: 1em;
} }
.headerEmail { .headerEmail {
font-size: 1.0em; font-size: 1.0em;
} }
.header>.content>.bottom { .header>.content>.bottom {
height: 3em; height: 3em;
margin-top: 0.5em; margin-top: 0.5em;
} }
.header>.content>.bottom>table>tbody>tr>td.logoCell { .header>.content>.bottom>table>tbody>tr>td.logoCell {
width: 10em; width: 10em;
vertical-align: middle; vertical-align: middle;
} }
.header>.content>.bottom>table>tbody>tr>td.logoCell>.logo { .header>.content>.bottom>table>tbody>tr>td.logoCell>.logo {
margin-top: 0em; margin-top: 0em;
margin-bottom: 0.5em; margin-bottom: 0.5em;
width: 100%; width: 100%;
height: auto; height: auto;
} }
.header>.content>.bottom>table>tbody>tr>td.mobileIconsCell { .header>.content>.bottom>table>tbody>tr>td.mobileIconsCell {
text-align: right; text-align: right;
/*background: pink;*/ /*background: pink;*/
} }
.header>.content>.bottom>table>tbody>tr>td.mobileIconsCell img { .header>.content>.bottom>table>tbody>tr>td.mobileIconsCell img {
position: relative; position: relative;
height: 1.8em; height: 1.8em;
margin-right: 1.8em; margin-right: 1.8em;
} }
.header>.content>.bottom>table>tbody>tr>td.mobileIconsCell img:last-child { .header>.content>.bottom>table>tbody>tr>td.mobileIconsCell img:last-child {
margin-right: 0; margin-right: 0;
} }
.header>.content>.bottom>table>tbody>tr>td.mobileIconsCell img#mobileLanguage { .header>.content>.bottom>table>tbody>tr>td.mobileIconsCell img#mobileLanguage {
height: 1.4em; height: 1.4em;
margin-top: 0; margin-top: 0;
margin-bottom: 0.2em; margin-bottom: 0.2em;
} }
.footer { .footer {
background: #22323b; background: #22323b;
} }
.footer>.row1 table.footerTable>tbody>tr>td { .footer>.row1 table.footerTable>tbody>tr>td {
margin-bottom: 2.0em; margin-bottom: 2.0em;
padding-left: 3em; padding-left: 3em;
} }
.footer>.row1 table.footerTable>tbody>tr>td.stackable { .footer>.row1 table.footerTable>tbody>tr>td.stackable {
display: block; display: block;
width: 100%; width: 100%;
} }
.footer>.row1 table.footerTable>tbody>tr>td { .footer>.row1 table.footerTable>tbody>tr>td {
width: 50%; width: 50%;
} }
.footer>.row1 table.footerTable td.quickLinksContainer { .footer>.row1 table.footerTable td.quickLinksContainer {
width: 50%; width: 50%;
} }
.footer>.row2 { .footer>.row2 {
text-align: center; text-align: center;
padding-top: 1em; padding-top: 1em;
padding-bottom: 0; padding-bottom: 0;
background-color: #22323b; background-color: #22323b;
} }
#forms>#formSupportContainer { #forms>#formSupportContainer {
width: 80%; width: 80%;
padding: 2.5em 4em; padding: 2.5em 4em;
} }
#forms>#formContactContainer { #forms>#formContactContainer {
width: 95%; width: 95%;
padding: 3em 0; padding: 3em 0;
} }
#forms>.formContainer>span.btnQuitForm { #forms>.formContainer>span.btnQuitForm {
position: absolute; position: absolute;
font-size: 1.5em; font-size: 1.5em;
@@ -1690,17 +1613,14 @@ div.googleMap {
right: 0.8em; right: 0.8em;
cursor: pointer; cursor: pointer;
} }
.banner { .banner {
margin-top: 5.6em; margin-top: 5.6em;
margin-bottom: 3em; margin-bottom: 3em;
} }
.banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.infoBoxHead>.infoBoxTitle, .banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.infoBoxHead>.infoBoxTitle,
.contentPage .bannerBox .bannerBoxTitle { .contentPage .bannerBox .bannerBoxTitle {
font-size: 1.5em; font-size: 1.5em;
} }
.banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.infoBoxHead>.triangleRight, .banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.infoBoxHead>.triangleRight,
#mobileInfoBoxes .triangleRight, #mobileInfoBoxes .triangleRight,
.contentPage .bannerBox .triangleRight { .contentPage .bannerBox .triangleRight {
@@ -1709,31 +1629,24 @@ div.googleMap {
border-left: 0.6em solid #2aa2d4; border-left: 0.6em solid #2aa2d4;
margin-right: 0.6em; margin-right: 0.6em;
} }
.banner .carousel>.infoBoxes>.fromLeft>div.infoBoxContent>div.bread { .banner .carousel>.infoBoxes>.fromLeft>div.infoBoxContent>div.bread {
margin-right: 5%; margin-right: 5%;
} }
.banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.seeMoreContainer { .banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.seeMoreContainer {
margin-top: 3em; margin-top: 3em;
} }
.banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.seeMoreContainer>.linkSeeMore { .banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.seeMoreContainer>.linkSeeMore {
padding: 0.6em 1.2em; padding: 0.6em 1.2em;
} }
.scrollToContentWrapper { .scrollToContentWrapper {
display: none; display: none;
} }
.banner .carousel>.controls>.dotControls { .banner .carousel>.controls>.dotControls {
display: none; display: none;
} }
.pageBoxes { .pageBoxes {
justify-content: center; justify-content: center;
} }
.pageBoxes .box { .pageBoxes .box {
width: 42%; width: 42%;
height: 16em; height: 16em;
@@ -1741,54 +1654,45 @@ div.googleMap {
margin-right: 3%; margin-right: 3%;
margin-bottom: 2em; margin-bottom: 2em;
} }
.banner .carousel>.controls>.directionControls>.directionControl>img { .banner .carousel>.controls>.directionControls>.directionControl>img {
height: 2.125em; height: 2.125em;
padding: 0.85em 1.5em; padding: 0.85em 1.5em;
} }
} }
/* SMALL TABLETS */
@media only screen and (max-width: 620px) {
/* SMALL TABLETS */
@media only screen and (max-width: 620px) {
.headerMobileMenu>div.menuDummy { .headerMobileMenu>div.menuDummy {
width: 0; width: 0;
} }
.headerMobileMenu>div.menuContent { .headerMobileMenu>div.menuContent {
width: 100%; width: 100%;
} }
.footer>.row1 table.footerTable>tbody>tr>td { .footer>.row1 table.footerTable>tbody>tr>td {
padding-left: 1em; padding-left: 1em;
} }
#forms>#formSupportContainer, #forms>#formSupportContainer,
#forms>#formContactContainer { #forms>#formContactContainer {
width: 95%; width: 95%;
padding: 2.5em 2em; padding: 2.5em 2em;
} }
#forms>#formContactContainer>table.contactTable>tbody>tr>td.contactColumn { #forms>#formContactContainer>table.contactTable>tbody>tr>td.contactColumn {
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
display: block; display: block;
position: relative; position: relative;
padding: 0 1em 6em 1em; padding: 0 1em 6em 1em;
} }
#forms>#formContactContainer>table.contactTable>tbody>tr>td.contactColumn:first-child { #forms>#formContactContainer>table.contactTable>tbody>tr>td.contactColumn:first-child {
border-right: none; border-right: none;
} }
.banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.infoBoxHead>.infoBoxTitle, .banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.infoBoxHead>.infoBoxTitle,
#mobileInfoBoxes .infoBoxTitle, #mobileInfoBoxes .infoBoxTitle,
.contentPage .bannerBox .bannerBoxTitle { .contentPage .bannerBox .bannerBoxTitle {
font-size: 1.25em; font-size: 1.25em;
} }
.banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.infoBoxHead>.triangleRight, .banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.infoBoxHead>.triangleRight,
#mobileInfoBoxes .triangleRight, #mobileInfoBoxes .triangleRight,
.contentPage .bannerBox .triangleRight { .contentPage .bannerBox .triangleRight {
@@ -1797,11 +1701,9 @@ div.googleMap {
border-left: 0.6em solid #2aa2d4; border-left: 0.6em solid #2aa2d4;
margin-right: 0.6em; margin-right: 0.6em;
} }
.pageBoxes { .pageBoxes {
width: 90%; width: 90%;
} }
.pageBoxes .box { .pageBoxes .box {
width: 45%; width: 45%;
height: 16em; height: 16em;
@@ -1809,166 +1711,134 @@ div.googleMap {
margin-right: 2%; margin-right: 2%;
margin-bottom: 2em; margin-bottom: 2em;
} }
} }
@media only screen and (max-width: 480px) { @media only screen and (max-width: 480px) {
.pageWidth { .pageWidth {
padding-left: 0.5em; padding-left: 0.5em;
padding-right: 0.5em; padding-right: 0.5em;
} }
#phone_indicator { #phone_indicator {
display: inline-block; display: inline-block;
} }
.header>.content>.top { .header>.content>.top {
height: 1.8em; height: 1.8em;
display: none; display: none;
} }
.header>.content>.top>.content>table>tbody>tr>td.contact { .header>.content>.top>.content>table>tbody>tr>td.contact {
font-size: 1.0em; font-size: 1.0em;
} }
.inlineTextIcon { .inlineTextIcon {
height: 0.7em; height: 0.7em;
top: 0.1em; top: 0.1em;
margin-right: 0.2em; margin-right: 0.2em;
margin-left: 0.1em; margin-left: 0.1em;
} }
.inlineTextPhoneIcon { .inlineTextPhoneIcon {
height: 0.825em; height: 0.825em;
} }
.headerPhoneNumber { .headerPhoneNumber {
margin-right: 0.2em; margin-right: 0.2em;
font-size: 0.9em; font-size: 0.9em;
} }
.headerPhoneNumber a { .headerPhoneNumber a {
color: #2aa2d4 !important; color: #2aa2d4 !important;
} }
.headerEmail { .headerEmail {
font-size: 1em; font-size: 1em;
} }
.header>.content>.bottom { .header>.content>.bottom {
height: 4em; height: 4em;
margin-top: 0; margin-top: 0;
padding-left: 1em; padding-left: 1em;
padding-right: 1em; padding-right: 1em;
} }
/* .header > .content > .bottom > table > tbody > tr > td.logoCell { /* .header > .content > .bottom > table > tbody > tr > td.logoCell {
width:8em; width:8em;
vertical-align: middle; vertical-align: middle;
}*/ }*/
.header>.content>.bottom>table>tbody>tr>td.logoCell>.logo { .header>.content>.bottom>table>tbody>tr>td.logoCell>.logo {
margin-bottom: 0; margin-bottom: 0;
width: 75%; width: 75%;
height: auto; height: auto;
} }
.header>.content>.bottom>table>tbody>tr>td.mobileIconsCell img { .header>.content>.bottom>table>tbody>tr>td.mobileIconsCell img {
position: relative; position: relative;
height: 1.6em; height: 1.6em;
margin-right: 1em; margin-right: 1em;
} }
.header>.content>.bottom>table>tbody>tr>td.mobileIconsCell img#mobileLanguage { .header>.content>.bottom>table>tbody>tr>td.mobileIconsCell img#mobileLanguage {
height: 1.3em; height: 1.3em;
margin-top: 0; margin-top: 0;
margin-bottom: 0.15em; margin-bottom: 0.15em;
} }
.header>.content>.bottom>table>tbody>tr>td.mobileIconsCell img:last-child { .header>.content>.bottom>table>tbody>tr>td.mobileIconsCell img:last-child {
margin-top: 0.6em; margin-top: 0.6em;
margin-right: 0; margin-right: 0;
} }
.footer>.row1 table.footerTable>tbody>tr>td { .footer>.row1 table.footerTable>tbody>tr>td {
display: block; display: block;
width: 100%; width: 100%;
margin-bottom: 2.0em; margin-bottom: 2.0em;
padding-left: 3em; padding-left: 3em;
} }
.footer>.row1 table.footerTable td.quickLinksContainer { .footer>.row1 table.footerTable td.quickLinksContainer {
width: 100%; width: 100%;
} }
.banner { .banner {
margin-top: 3.6em; margin-top: 3.6em;
margin-bottom: 1em; margin-bottom: 1em;
} }
.banner .carousel>.infoBoxes { .banner .carousel>.infoBoxes {
display: none; display: none;
} }
.banner .carousel>.controls>.directionControls>.directionControl { .banner .carousel>.controls>.directionControls>.directionControl {
display: none; display: none;
} }
#mobileInfoBoxes { #mobileInfoBoxes {
height: 7em; height: 7em;
padding-top: 1.2em; padding-top: 1.2em;
display: block; display: block;
} }
#mobileInfoBoxes .seeMoreContainer { #mobileInfoBoxes .seeMoreContainer {
display: none; display: none;
} }
.pageBoxes { .pageBoxes {
width: 90%; width: 90%;
} }
.pageBoxes .box { .pageBoxes .box {
width: 100%; width: 100%;
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
} }
} }
@media only screen and (max-width: 420px) { @media only screen and (max-width: 420px) {
.footer>.row1 table.footerTable { .footer>.row1 table.footerTable {
padding-left: 10%; padding-left: 10%;
} }
} }
@media only screen and (max-width: 380px) { @media only screen and (max-width: 380px) {
.footer>.row1 table.footerTable { .footer>.row1 table.footerTable {
padding-left: 0; padding-left: 0;
} }
#mobileInfoBoxes { #mobileInfoBoxes {
height: 7.5em; height: 7.5em;
display: block; display: block;
} }
#forms>#formSupportContainer, #forms>#formSupportContainer,
#forms>#formContactContainer { #forms>#formContactContainer {
width: 95%; width: 95%;
padding: 2.5em 1.5em; padding: 2.5em 1.5em;
} }
} }
@media only screen and (max-width: 340px) { @media only screen and (max-width: 340px) {
.footer>.row1 table.footerTable { .footer>.row1 table.footerTable {
padding-left: 0; padding-left: 0;
} }
} }
/* END MEDIA QUERIES */ /* END MEDIA QUERIES */

104
src/assets/css/content_pages.css
View File

@@ -6,10 +6,10 @@
vertical-align: top; vertical-align: top;
margin: 0 auto 0 auto; margin: 0 auto 0 auto;
padding-top: 7em; padding-top: 7em;
height: 100vh; min-height: 100vh;
} }
/* CONTENT TABLES */ /* CONTENT TABLES */
.contentTableLeft { .contentTableLeft {
@@ -27,11 +27,15 @@
vertical-align: top; vertical-align: top;
} }
/* END CONTENT TABLES */ /* END CONTENT TABLES */
/* NAV SIDEBAR */ /* NAV SIDEBAR */
/* NAV BREADCRUMB */ /* NAV BREADCRUMB */
.breadcrumb { .breadcrumb {
margin-bottom: 2em; margin-bottom: 2em;
margin-right: 1em; margin-right: 1em;
@@ -42,14 +46,17 @@
text-decoration: underline; text-decoration: underline;
} }
.breadcrumb>a:last-child { .breadcrumb>a:last-child {
font-weight: bold; font-weight: bold;
pointer-events: none; pointer-events: none;
} }
/* END NAV BREADCRUMB */ /* END NAV BREADCRUMB */
/* NAV ACCORDION */ /* NAV ACCORDION */
.accordion { .accordion {
opacity: 0; opacity: 0;
position: relative; position: relative;
@@ -89,7 +96,9 @@
list-style: none; list-style: none;
} }
/*increase space after last item in sub lists*/ /*increase space after last item in sub lists*/
.accordion>ul>li>ul>li:last-child { .accordion>ul>li>ul>li:last-child {
margin-bottom: 1.5em; margin-bottom: 1.5em;
} }
@@ -128,6 +137,7 @@
font-size: 1.1em !important; font-size: 1.1em !important;
} }
/*.accordion > ul > li > ul.categoryItems > li:after { /*.accordion > ul > li > ul.categoryItems > li:after {
content: ''; content: '';
display: inline-block; display: inline-block;
@@ -137,7 +147,9 @@
background: red; background: red;
}*/ }*/
/* ACCORDION TRIANGLES */ /* ACCORDION TRIANGLES */
.triangle { .triangle {
vertical-align: middle; vertical-align: middle;
display: inline-block; display: inline-block;
@@ -145,12 +157,9 @@
height: 100%; height: 100%;
border-top: 0.5em solid transparent; border-top: 0.5em solid transparent;
border-bottom: 0.5em solid transparent; border-bottom: 0.5em solid transparent;
border-left: 0.5em solid #ee3224; border-left: 0.5em solid #ee3224;
margin-top: 0.1em; margin-top: 0.1em;
margin-right: 1em; margin-right: 1em;
/*transition: .5s all;*/ /*transition: .5s all;*/
} }
@@ -193,7 +202,9 @@
text-align: right; text-align: right;
} }
/* MAIN PAGE BANNER */ /* MAIN PAGE BANNER */
.contentPage img.pageBanner { .contentPage img.pageBanner {
width: 100%; width: 100%;
height: auto; height: auto;
@@ -203,7 +214,6 @@
position: relative; position: relative;
} }
.contentPage .contentPageBannerContainer img { .contentPage .contentPageBannerContainer img {
width: 100%; width: 100%;
} }
@@ -219,6 +229,7 @@
bottom: 0; bottom: 0;
} }
/*.contentPage .mobileSolutions { /*.contentPage .mobileSolutions {
background-image: url('../images/banner_page_mobile_solutions.jpg'); background-image: url('../images/banner_page_mobile_solutions.jpg');
}*/ }*/
@@ -273,7 +284,9 @@
width: 80%; width: 80%;
} }
/* MOBILE */ /* MOBILE */
.pageBannerMobileContainer { .pageBannerMobileContainer {
width: 100%; width: 100%;
padding: 0; padding: 0;
@@ -322,9 +335,12 @@
text-decoration: none; text-decoration: none;
} }
/* END ACCORDION MOBILE */ /* END ACCORDION MOBILE */
/* CONTACT TABLE (KONTAKTA OSS PAGE) */ /* CONTACT TABLE (KONTAKTA OSS PAGE) */
.contentPage>.contentTable .contactTable { .contentPage>.contentTable .contactTable {
margin-bottom: 2em; margin-bottom: 2em;
} }
@@ -341,6 +357,8 @@
.contentPage>.contentTable .contactTable h3 { .contentPage>.contentTable .contactTable h3 {
margin-bottom: 0.2em; margin-bottom: 0.2em;
} }
/* end contact table */ /* end contact table */
.contentPage>.contentTable .locationContainer { .contentPage>.contentTable .locationContainer {
@@ -359,6 +377,7 @@
height: 4em; height: 4em;
} }
/*.contentPage > .contentTable .locationMobile img.locationMarker { /*.contentPage > .contentTable .locationMobile img.locationMarker {
height: 1em !important; height: 1em !important;
}*/ }*/
@@ -382,7 +401,6 @@
.contentPage>.contentTable .locationContainer .findUs a { .contentPage>.contentTable .locationContainer .findUs a {
text-align: center; text-align: center;
} }
.contentPage>.contentTable .locationContainer .findUs a img { .contentPage>.contentTable .locationContainer .findUs a img {
@@ -414,7 +432,9 @@
text-decoration: none; text-decoration: none;
} }
/* BOTTOM TWO COLUMN (FOR CUSTOMERS / CONTACT) */ /* BOTTOM TWO COLUMN (FOR CUSTOMERS / CONTACT) */
.contentPage>.contentTable .contentTableRight .bottomTwoColumn { .contentPage>.contentTable .contentTableRight .bottomTwoColumn {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
@@ -448,224 +468,190 @@
height: 3em; height: 3em;
margin-right: 1em; margin-right: 1em;
} }
.contentPage>.contentTable .productCustomers .customerIcons img.shorter { .contentPage>.contentTable .productCustomers .customerIcons img.shorter {
height: 2em; height: 2em;
} }
/* END BOTTOM TWO COLUMN */ /* END BOTTOM TWO COLUMN */
/* MEDIA QUERIES */ /* MEDIA QUERIES */
@media only screen and (max-width: 1600px) { @media only screen and (max-width: 1600px) {
.contentTableRight { .contentTableRight {
padding-top: 3.5em; padding-top: 3.5em;
padding-left: 4.0em; padding-left: 4.0em;
padding-right: 8.0em; padding-right: 8.0em;
} }
} }
@media only screen and (max-width: 1500px) { @media only screen and (max-width: 1500px) {
.contentTableRight { .contentTableRight {
padding-top: 3.5em; padding-top: 3.5em;
padding-left: 4.0em; padding-left: 4.0em;
padding-right: 6.0em; padding-right: 6.0em;
} }
.contentPage .contentPageBanner .bannerBox .bannerBoxTitle { .contentPage .contentPageBanner .bannerBox .bannerBoxTitle {
font-size: 3em; font-size: 3em;
} }
} }
/* SMALL LAPTOPS */
@media only screen and (max-width: 1200px) {
/* SMALL LAPTOPS */
@media only screen and (max-width: 1200px) {
.contentPage .contentPageBanner .bannerBox .bannerBoxTitle { .contentPage .contentPageBanner .bannerBox .bannerBoxTitle {
font-size: 2.5em; font-size: 2.5em;
} }
.contentPage .contentPageBanner .bannerBox .bread { .contentPage .contentPageBanner .bannerBox .bread {
width: 75%; width: 75%;
} }
.contentTableLeft { .contentTableLeft {
padding-left: 3em; padding-left: 3em;
padding-top: 3em; padding-top: 3em;
} }
.contentTableRight { .contentTableRight {
padding-top: 3em; padding-top: 3em;
padding-left: 4.0em; padding-left: 4.0em;
padding-right: 4.0em; padding-right: 4.0em;
} }
.contentPage>.contentTable .bottomTwoColumn div.column { .contentPage>.contentTable .bottomTwoColumn div.column {
width: 100%; width: 100%;
} }
.contentPage>.contentTable .bottomTwoColumn div.column:first-child { .contentPage>.contentTable .bottomTwoColumn div.column:first-child {
margin-bottom: 1em; margin-bottom: 1em;
} }
} }
/* SMALL LAPTOPS */
@media only screen and (max-width: 992px) {
/* SMALL LAPTOPS */
@media only screen and (max-width: 992px) {
.contentTableLeft { .contentTableLeft {
padding-left: 2em; padding-left: 2em;
} }
.contentTableRight { .contentTableRight {
padding-top: 4.5em; padding-top: 4.5em;
padding-left: 3em; padding-left: 3em;
padding-right: 2em; padding-right: 2em;
} }
} }
/* LARGE TABLETS */ /* LARGE TABLETS */
@media only screen and (max-width: 768px) {
@media only screen and (max-width: 768px) {
.contentPage { .contentPage {
padding-top: 5.5em; padding-top: 5.5em;
} }
.contentPage .contentPageBanner .bannerBox .bannerBoxHeadline { .contentPage .contentPageBanner .bannerBox .bannerBoxHeadline {
display: none; display: none;
} }
.contentPage .contentPageBanner .bannerBox .bread { .contentPage .contentPageBanner .bannerBox .bread {
width: 90%; width: 90%;
} }
.pageBannerMobile { .pageBannerMobile {
display: inline-block; display: inline-block;
width: 100%; width: 100%;
border: none; border: none;
} }
img.pageBanner { img.pageBanner {
display: none; display: none;
} }
.contentTableLeft { .contentTableLeft {
width: 100%; width: 100%;
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.contentTableRight { .contentTableRight {
display: none; display: none;
} }
.contentTableLeft>div>#navBreadcrumb { .contentTableLeft>div>#navBreadcrumb {
display: none; display: none;
} }
.accordion { .accordion {
padding: 2em; padding: 2em;
} }
.accordion:after { .accordion:after {
display: none; display: none;
} }
.accordion>ul>li>ul.categoryItems>li>a { .accordion>ul>li>ul.categoryItems>li>a {
width: 100%; width: 100%;
padding: 1em 0; } padding: 1em 0;
}
.accordion .triangleLeft, .triangleOverlay { .accordion .triangleLeft,
.triangleOverlay {
display: none; display: none;
} }
.linkContactUs { .linkContactUs {
display: inline-block !important; display: inline-block !important;
text-decoration: underline !important; text-decoration: underline !important;
padding-bottom: 0; padding-bottom: 0;
} }
.contentPage>.contentTable .bottomTwoColumn div.column p.contactUs { .contentPage>.contentTable .bottomTwoColumn div.column p.contactUs {
display: none; display: none;
} }
} }
@media only screen and (max-width: 620px) { @media only screen and (max-width: 620px) {
.contentPage .contentPageBanner .bannerBox .bannerBoxTitle { .contentPage .contentPageBanner .bannerBox .bannerBoxTitle {
font-size: 1.5em; font-size: 1.5em;
} }
.contentPage .contentPageBanner .bannerBox .bread { .contentPage .contentPageBanner .bannerBox .bread {
width: 95%; width: 95%;
} }
} }
/* PHONES */
@media only screen and (max-width: 480px) {
/* PHONES */
@media only screen and (max-width: 480px) {
.contentPage { .contentPage {
padding-top: 4em; padding-top: 4em;
padding-bottom: 0; padding-bottom: 0;
line-height: 1.2em; line-height: 1.2em;
} }
.contentTableLeft { .contentTableLeft {
width: 100%; width: 100%;
} }
.contentPage .contentPageBanner .bannerBox .bannerBoxTitle { .contentPage .contentPageBanner .bannerBox .bannerBoxTitle {
font-size: 1.5em; font-size: 1.5em;
} }
.contentPage .contentPageBanner .bannerBox .bread { .contentPage .contentPageBanner .bannerBox .bread {
display: none; display: none;
} }
.triangle { .triangle {
border-top: 0.4em solid transparent; border-top: 0.4em solid transparent;
border-bottom: 0.4em solid transparent; border-bottom: 0.4em solid transparent;
border-left: 0.4em solid #ee3224; border-left: 0.4em solid #ee3224;
margin-right: 0.6em; margin-right: 0.6em;
} }
.categoryItems { .categoryItems {
padding: 0; padding: 0;
} }
.accordion { .accordion {
padding-bottom: 0; padding-bottom: 0;
} }
.accordion div.mobileContent .seekJobWrapper { .accordion div.mobileContent .seekJobWrapper {
margin-top: 2em; margin-top: 2em;
text-align: center; text-align: center;
} }
.accordion div.mobileContent a.seekJob { .accordion div.mobileContent a.seekJob {
display: block; display: block;
padding: 1.2em; padding: 1.2em;
} }
} }
@media only screen and (max-width: 380px) { @media only screen and (max-width: 380px) {
.contentPage>.contentTable .productCustomers .customerIcons img { .contentPage>.contentTable .productCustomers .customerIcons img {
height: 2.5em; height: 2.5em;
} }
.contentPage>.contentTable .productCustomers .customerIcons img.shorter { .contentPage>.contentTable .productCustomers .customerIcons img.shorter {
height: 1.5em; height: 1.5em;
} }
} }
/* END NEW BY MARK */ /* END NEW BY MARK */

BIN
src/assets/img/iot1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 113 KiB

BIN
src/assets/img/iot2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 121 KiB

396
src/assets/static/common.js
View File

@@ -1,396 +0,0 @@
var isMobile = null;
var isPhoneWidth = null;
var wasMobile = isMobile;
var wasDesktop = !isMobile;
var isMiniHeader = false;
var myLocationLat = null;
var myLocationLong = null;
class Common {
constructor(name, age) {
this.name = name;
this.age = age;
}
init() {
var self = this;
isMobile = common.isMobile();
isPhoneWidth = common.isPhone();
//create trigger to resizeEnd event, called after event is finished
$(window).resize(function () {
if (this.resizeTO) clearTimeout(this.resizeTO);
this.resizeTO = setTimeout(function () {
$(this).trigger('resizeEnd');
}, 100);
});
//cdetermine scren type and call style functions after window resize is completed
$(window).on('resizeEnd', function () {
self.adjustElementsForScreen();
});
$(window).scroll(function () {
if ($(window).scrollTop() > 200) {
if (isMiniHeader === false && !self.isMobile()) {
$('.header').addClass('mini');
isMiniHeader = true;
}
} else {
if (isMiniHeader === true) {
$('.header').removeClass('mini');
isMiniHeader = false;
}
}
//var scroll = $(window).scrollTop();
});
$.scrollToElement = function ($element) {
var adjustment = 0;
if (isMiniHeader) {
adjustment = 35;
}
var $header = $('.header:first');
$('html,body').animate({ scrollTop: $element.offset().top - ($header.length > 0 ? $header.height() : 0) - adjustment }, 'slow');
};
}
adjustElementsForScreen() {
isMobile = this.isMobile();
isPhoneWidth = this.isPhone();
if (!this.isMobile()) {
$(".mobileContent").hide();
}
if (isMobile) wasMobile = true;
if (!isMobile) wasDesktop = true;
if (wasMobile && !isMobile) location.reload();
if (isMobile && isMiniHeader === true) {
$('.header').removeClass('mini');
isMiniHeader = false;
}
this.adjustContentBannersForScreen();
}
initHeader() {
//go to main page if not there on logo click
$(".logoCell .logo").on("click", function () {
if (window.location.href.indexOf("index") === -1) {
window.location.href = "#/index";
}
});
//show/hide main menu dropdowns on hover
$(".mainMenu > tbody > tr > td")
.on("mouseenter", function (e) {
e.stopPropagation();
$(".dropDown").hide();
$("table.mainMenu > tbody > tr > td.selected").css("box-shadow", "none");
$(this).find(".dropDown").addClass("droppedDown");
$(this).find(".dropDown").slideDown();
})
.on("mouseleave", function (e) {
e.stopPropagation();
$(this).find(".dropDown").removeClass("droppedDown");
$(this).find(".dropDown").hide();
$("table.mainMenu > tbody > tr > td.selected").css("box-shadow", "0 -3px 0 #ff0000 inset");
});
}
initListeners() {
$("#hamburger").on("click", function () {
if ($("#mobileLanguageMenu").hasClass("showing")) {
$("#mobileLanguageMenu").hide();
$("#mobileLanguageMenu").removeClass("showing");
}
if ($("#mobileMenu").hasClass("showing")) {
common.hideMobileMenu();
} else {
common.showMobileMenu();
}
});
$("#mobileLanguage").on("click", function (e) {
if ($("#mobileMenu").hasClass("showing")) {
$("#mobileMenu").hide();
$("#mobileMenu").removeClass("showing");
}
if ($("#mobileLanguageMenu").hasClass("showing")) {
hideMobileLanguageMenu();
} else {
common.showMobileLanguageMenu();
}
});
$("#screenOverlayBehindHeader, .linkGoBack").on("click", function (e) {
if ($("#mobileMenu").hasClass("showing")) {
common.hideMobileMenu();
}
if ($("#mobileLanguageMenu").hasClass("showing")) {
common.hideMobileLanguageMenu();
}
});
$("#mobileLanguageMenu a").on("click", function (e) {
e.preventDefault();
});
//show support form
$("a.linkSupport").on("click", function (e) {
e.preventDefault();
common.showForm("support");
});
//show contact form
$("a.linkContactUs").on("click", function (e) {
e.preventDefault();
common.showForm("contact");
});
$("#scrollToBoxes").on("click", function (e) {
e.preventDefault();
$.scrollToElement($("#pageBoxesContainer"));
});
$('.cookiesInfo').children('input[type=button]').on('click', function () {
$(this).parent().remove();
});
}
initMobileMenu() {
$("#mobileMenu label").on("click", function (e) {
e.preventDefault();
$("#mobileMenu .subMenu").not($(this).siblings()).slideUp();
$(".hasSubmenu").not($(this)).css("font-weight", "normal");
$(this).css("font-weight", "bold");
//$(this).parent().css("border-bottom", "none");
$(this).parent().find(".subMenu").slideDown();
});
$("#mobileMenu a").on("click", function (e) {
common.hideMobileMenu();
});
}
initForms() {
$(".btnQuitForm").on("click", function () {
$("#forms").hide();
$("#screenOverlay").hide();
$("#formContactContainer").hide();
$("#formSupportContainer").hide();
});
$("#formSupport").on("submit", function (e) {
e.preventDefault();
common.submitSupportForm($(this));
});
$("#formContact").on("submit", function (e) {
e.preventDefault();
common.submitContactForm($(this));
});
}
showForm(formName) {
$("#forms").show();
$("#screenOverlay").show();
$(".contactTable").show();
$(".formInputContainer").show();
$(".formResultContainer").hide();
if (formName === "contact") {
var $conCommentsTitle = $("label[for='conComments']");
if ($(".contentTableRight").find("[data-contact-link]").length) {
$conCommentsTitle.html("Berätta vad du vill veta mer om gällande " +
$(".contentTableRight").find("[data-contact-link]").data("contact-link") + ": *");
} else {
$conCommentsTitle.html("Vad vill du veta mer om: ");
}
$("#formContactContainer").show();
} else if (formName === "support") {
$("#formSupportContainer").show();
}
scrollToTop();
}
submitSupportForm(form) {
$.post("http://biz199.inmotionhosting.com/~rustyt6/pythagoras/php/submit_support_form.php",
{
subject: $("#supSubject").val(),
company: $("#supCompany").val(),
name: $("#supName").val(),
email: $("#supEmail").val(),
phone: $("#supPhone").val(),
product: $("#supProduct").val(),
comments: $("#supComments").val()
},
function (data) {
console.log(data);
}
);
$(".formInputContainer").hide();
$(".formResultContainer").show();
scrollToTop();
$("#supSubject").val("");
$("#supCompany").val("");
$("#supName").val("");
$("#supEmail").val("");
$("#supPhone").val("");
$("#supProduct").val("");
$("#supComments").val("");
}
submitContactForm(form) {
$.post("http://biz199.inmotionhosting.com/~rustyt6/pythagoras/php/submit_contact_form.php",
{
name: $("#conName").val(),
email: $("#conEmail").val(),
phone: $("#conPhone").val(),
comments: $("#conComments").val()
},
function (data) {
console.log(data);
}
);
$(".contactTable").hide();
$(".formResultContainer").show();
scrollToTop();
$("#conName").val("");
$("#conEmail").val("");
$("#conPhone").val("");
$("#conComments").val("");
}
adjustContentBannersForScreen() {
if (this.isMobile()) {
$("#pageBannerImage1").attr("src", "images/banner_page_mobile_solutions_mobile.jpg");
$("#pageBannerImage2").attr("src", "images/banner_page_ifrs16_mobile.jpg");
$("#pageBannerImage3").attr("src", "images/banner_page_gdpr_mobile.jpg");
} else {
$("#pageBannerImage1").attr("src", "images/banner_page_mobile_solutions.jpg");
$("#pageBannerImage2").attr("src", "images/banner_page_ifrs16.jpg");
$("#pageBannerImage3").attr("src", "images/banner_page_gdpr.jpg");
}
}
showMobileMenu() {
$("#screenOverlayBehindHeader").show();
$("#mobileMenu").slideDown();
$("#mobileMenu").addClass("showing");
}
hideMobileMenu() {
$("#mobileMenu").slideUp(function () {
$("#screenOverlayBehindHeader").hide();
});
$("#mobileMenu").removeClass("showing");
}
showMobileLanguageMenu() {
$("#screenOverlayBehindHeader").show();
$("#mobileLanguageMenu").slideDown();
$("#mobileLanguageMenu").addClass("showing");
}
hideMobileLanguageMenu() {
$("#mobileLanguageMenu").slideUp(function () {
$("#screenOverlayBehindHeader").hide();
});
$("#mobileLanguageMenu").removeClass("showing");
}
scrollToTop() {
$("body,html").animate({ scrollTop: 0 }, "slow");
}
isMobile() {
var ua = navigator.userAgent;
var ipad = ua.match(/(iPad).*OS\s([\d_]+)/),
isIphone = !ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/),
isAndroid = ua.match(/(Android)\s+([\d.]+)/),
isMobile = isIphone || isAndroid;
return isMobile;
}
isPhone() {
var ua = navigator.userAgent;
var ipad = ua.match(/(iPad).*OS\s([\d_]+)/);
var isIphone = !ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/);
return isIphone;
}
}
export const common = new Common();

4
src/assets/static/jquery.js vendored
View File

File diff suppressed because one or more lines are too long

26
src/components/ifooter.vue
View File

@@ -5,10 +5,13 @@
<div class="pageWidth"> <div class="pageWidth">
<table class="footerTable"> <table class="footerTable">
<thead class="bread desktop smallDesktop"> <thead class="bread desktop smallDesktop">
<tr><th >我们的办公室</th> <tr>
<th>我们的办公室</th>
<th>快速链接</th> <th>快速链接</th>
</tr></thead> </tr>
<tbody><tr> </thead>
<tbody>
<tr>
<td class="stackable"> <td class="stackable">
<ul class="quickLinks bread"> <ul class="quickLinks bread">
<li v-for="item in contactData" :key="item.name"> <li v-for="item in contactData" :key="item.name">
@@ -25,7 +28,10 @@
<router-link :to="menu.url">{{menu.name}}</router-link> <router-link :to="menu.url">{{menu.name}}</router-link>
</li> </li>
</ul> </ul>
</td></tr></tbody></table> </td>
</tr>
</tbody>
</table>
</div> </div>
</div> </div>
@@ -144,7 +150,8 @@
</div> </div>
<!-- SUPPORT FORM --> </div> <!-- SUPPORT FORM -->
</div>
<!-- USED TO GET DETECT WIDTH USING JS AND CSS MEDIA QUERIES --> <!-- USED TO GET DETECT WIDTH USING JS AND CSS MEDIA QUERIES -->
<span id="mobile_indicator"></span> <span id="mobile_indicator"></span>
@@ -161,13 +168,12 @@ export default {
return { return {
menus: window.config.menus, menus: window.config.menus,
contactData: [ contactData: [
{ name: "地址", value: "上海市宝山区顾村" }, { name: '地址', value: '上海市宝山区顾村' },
{ name: "手机", value: "13817819452" }, { name: '手机', value: '13817819452' },
{ name: "邮箱", value: "Zhp@bimwe.com" } { name: '邮箱', value: 'Zhp@bimwe.com' },
], ],
}; };
} },
}; };
</script> </script>

22
src/components/ihead.vue
View File

@@ -5,13 +5,20 @@
<div class="content pageWidth"> <div class="content pageWidth">
<div class="top"> <div class="top">
<div class="content bread"> <div class="content bread">
<table><tbody><tr><td class="contact contactLinks"> <table>
<tbody>
<tr>
<td class="contact contactLinks">
<img src="../assets/img/svg/mobile.svg" class="inlineTextIcon inlineTextPhoneIcon"><span> <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"> <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> <span><a href="mailto:bimwe@bimwe.com">bimwe@bimwe.com</a></span>
</td><td class="searchContainer desktop"> </td>
<td class="searchContainer desktop">
<input type="text" class="search" placeholder="Sök" style="margin-left:1em;width:10em"> <input type="text" class="search" placeholder="Sök" style="margin-left:1em;width:10em">
</td></tr></tbody></table> </td>
</tr>
</tbody>
</table>
</div> </div>
</div> </div>
<!-- BOTTOM - DESKTOP --> <!-- BOTTOM - DESKTOP -->
@@ -62,7 +69,8 @@
</div> </div>
</div> </div>
<div id="mobileMenu" class="headerMobileMenu bread"> <div id="mobileMenu" class="headerMobileMenu bread">
<div class="menuDummy"></div><div class="menuContent"> <div class="menuDummy"></div>
<div class="menuContent">
<ul> <ul>
<li v-for="menu in menus" :key="menu.name"> <li v-for="menu in menus" :key="menu.name">
<a href="menu.url" v-if="menu.name=='首页'">{{menu.name}}</a> <a href="menu.url" v-if="menu.name=='首页'">{{menu.name}}</a>
@@ -87,12 +95,12 @@
</div> </div>
</template> </template>
<script> <script>
import { common } from "../assets/static/common"; import { common } from '../static/common';
export default { export default {
data() { data() {
return { return {
menus: window.config.menus menus: window.config.menus,
}; };
}, },
mounted: function () { mounted: function () {
@@ -102,7 +110,7 @@ export default {
common.initForms(); common.initForms();
common.initMobileMenu(); common.initMobileMenu();
common.adjustElementsForScreen(); common.adjustElementsForScreen();
} },
}; };
</script> </script>

30
src/components/leftMenu.vue
View File

@@ -1,11 +1,14 @@
<template> <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 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 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"> <ul class="content" v-if="curMenu">
<li class="category" v-for=" sonmenu in curMenu.child" :key="sonmenu.name"> <li class="category" v-for=" sonmenu in curMenu.child" :key="sonmenu.name">
@@ -25,8 +28,8 @@
</template> </template>
<script> <script>
import "../assets/css/content_pages.css"; import '../assets/css/content_pages.css';
import { common } from "../assets/static/common"; import { common } from '../static/common';
export default { export default {
data() { data() {
return { return {
@@ -34,7 +37,7 @@ export default {
isMobile: false, isMobile: false,
curMenu: null, curMenu: null,
curChildMenu: null, curChildMenu: null,
strong: "" strong: '',
}; };
}, },
created: function () { created: function () {
@@ -43,24 +46,25 @@ export default {
methods: { methods: {
Init: function () { Init: function () {
this.isMobile = common.isMobile(); this.isMobile = common.isMobile();
var path = this.$route.fullPath.split("/"); var path = this.$route.fullPath.split('/');
this.curMenu = this.menus.find(p => { this.curMenu = this.menus.find((p) => {
return p.url.indexOf(path[1]) > 0; return p.url.indexOf(path[1]) > 0;
}); });
this.curChildMenu = this.curMenu.child.find(p => { this.curChildMenu = this.curMenu.child.find((p) => {
return p.url.indexOf(path[2]) > 0; return p.url.indexOf(path[2]) > 0;
}); });
this.curMenu.child.map(p => { this.curMenu.child.map((p) => {
p.strong = "categoryHead h2 linkProduct"; p.strong = 'categoryHead h2 linkProduct';
if (p.url.indexOf(path[2]) > 0) { if (p.url.indexOf(path[2]) > 0) {
this.curChildMenu.strong = "categoryHead h2 linkProduct strong"; this.curChildMenu.strong =
'categoryHead h2 linkProduct strong';
} }
}); });
} },
} },
}; };
</script> </script>

10
src/main.js
View File

@@ -1,15 +1,9 @@
import './assets/css/cookieconsent.min.css' import './assets/css/cookieconsent.min.css'
import './assets/css/common.css' import './assets/css/common.css'
import 'swiper/dist/css/swiper.css' import 'swiper/dist/css/swiper.css'
import './static/config.js'
import './assets/static/config.js'
import './assets/static/jquery.js'
import './assets/static/common.js'
import 'es6-promise/auto' import 'es6-promise/auto'
import Vue from 'vue' import Vue from 'vue'
import App from './App.vue' import App from './App.vue'
import Vuex from 'vuex' import Vuex from 'vuex'
@@ -27,5 +21,5 @@ component.register();
new Vue({ new Vue({
router, router,
render: h => h(App) render: h => h(App),
}).$mount('#app') }).$mount('#app')

381
src/static/common.js Normal file
View File

@@ -0,0 +1,381 @@
var isMobile = null;
var wasMobile = isMobile;
var isMiniHeader = false;
import $ from 'jquery'
class Common {
constructor(name, age) {
this.name = name;
this.age = age;
}
init() {
var self = this;
isMobile = common.isMobile();
//create trigger to resizeEnd event, called after event is finished
$(window).resize(function() {
if (this.resizeTO) clearTimeout(this.resizeTO);
this.resizeTO = setTimeout(function() {
$(this).trigger('resizeEnd');
}, 100);
});
//cdetermine scren type and call style functions after window resize is completed
$(window).on('resizeEnd', function() {
self.adjustElementsForScreen();
});
$(window).scroll(function() {
if ($(window).scrollTop() > 200) {
if (isMiniHeader === false && !self.isMobile()) {
$('.header').addClass('mini');
isMiniHeader = true;
}
} else {
if (isMiniHeader === true) {
$('.header').removeClass('mini');
isMiniHeader = false;
}
}
//var scroll = $(window).scrollTop();
});
$.scrollToElement = function($element) {
var adjustment = 0;
if (isMiniHeader) {
adjustment = 35;
}
var $header = $('.header:first');
$('html,body').animate({ scrollTop: $element.offset().top - ($header.length > 0 ? $header.height() : 0) - adjustment }, 'slow');
};
}
adjustElementsForScreen() {
isMobile = this.isMobile();
if (!this.isMobile()) {
$(".mobileContent").hide();
}
if (isMobile) wasMobile = true;
if (wasMobile && !isMobile) location.reload();
if (isMobile && isMiniHeader === true) {
$('.header').removeClass('mini');
isMiniHeader = false;
}
this.adjustContentBannersForScreen();
}
initHeader() {
//go to main page if not there on logo click
$(".logoCell .logo").on("click", function() {
if (window.location.href.indexOf("index") === -1) {
window.location.href = "#/index";
}
});
//show/hide main menu dropdowns on hover
$(".mainMenu > tbody > tr > td")
.on("mouseenter", function(e) {
e.stopPropagation();
$(".dropDown").hide();
$("table.mainMenu > tbody > tr > td.selected").css("box-shadow", "none");
$(this).find(".dropDown").addClass("droppedDown");
$(this).find(".dropDown").slideDown();
})
.on("mouseleave", function(e) {
e.stopPropagation();
$(this).find(".dropDown").removeClass("droppedDown");
$(this).find(".dropDown").hide();
$("table.mainMenu > tbody > tr > td.selected").css("box-shadow", "0 -3px 0 #ff0000 inset");
});
}
initListeners() {
$("#hamburger").on("click", function() {
if ($("#mobileLanguageMenu").hasClass("showing")) {
$("#mobileLanguageMenu").hide();
$("#mobileLanguageMenu").removeClass("showing");
}
if ($("#mobileMenu").hasClass("showing")) {
common.hideMobileMenu();
} else {
common.showMobileMenu();
}
});
$("#mobileLanguage").on("click", function() {
if ($("#mobileMenu").hasClass("showing")) {
$("#mobileMenu").hide();
$("#mobileMenu").removeClass("showing");
}
if (!$("#mobileLanguageMenu").hasClass("showing")) {
common.showMobileLanguageMenu();
}
});
$("#screenOverlayBehindHeader, .linkGoBack").on("click", function() {
if ($("#mobileMenu").hasClass("showing")) {
common.hideMobileMenu();
}
if ($("#mobileLanguageMenu").hasClass("showing")) {
common.hideMobileLanguageMenu();
}
});
$("#mobileLanguageMenu a").on("click", function(e) {
e.preventDefault();
});
//show support form
$("a.linkSupport").on("click", function(e) {
e.preventDefault();
common.showForm("support");
});
//show contact form
$("a.linkContactUs").on("click", function(e) {
e.preventDefault();
common.showForm("contact");
});
$("#scrollToBoxes").on("click", function(e) {
e.preventDefault();
$.scrollToElement($("#pageBoxesContainer"));
});
$('.cookiesInfo').children('input[type=button]').on('click', function() {
$(this).parent().remove();
});
}
initMobileMenu() {
$("#mobileMenu label").on("click", function(e) {
e.preventDefault();
$("#mobileMenu .subMenu").not($(this).siblings()).slideUp();
$(".hasSubmenu").not($(this)).css("font-weight", "normal");
$(this).css("font-weight", "bold");
//$(this).parent().css("border-bottom", "none");
$(this).parent().find(".subMenu").slideDown();
});
$("#mobileMenu a").on("click", function() {
common.hideMobileMenu();
});
}
initForms() {
$(".btnQuitForm").on("click", function() {
$("#forms").hide();
$("#screenOverlay").hide();
$("#formContactContainer").hide();
$("#formSupportContainer").hide();
});
$("#formSupport").on("submit", function(e) {
e.preventDefault();
common.submitSupportForm($(this));
});
$("#formContact").on("submit", function(e) {
e.preventDefault();
common.submitContactForm($(this));
});
}
showForm(formName) {
$("#forms").show();
$("#screenOverlay").show();
$(".contactTable").show();
$(".formInputContainer").show();
$(".formResultContainer").hide();
if (formName === "contact") {
var $conCommentsTitle = $("label[for='conComments']");
if ($(".contentTableRight").find("[data-contact-link]").length) {
$conCommentsTitle.html("Berätta vad du vill veta mer om gällande " +
$(".contentTableRight").find("[data-contact-link]").data("contact-link") + ": *");
} else {
$conCommentsTitle.html("Vad vill du veta mer om: ");
}
$("#formContactContainer").show();
} else if (formName === "support") {
$("#formSupportContainer").show();
}
common.scrollToTop();
}
submitSupportForm() {
$.post("http://biz199.inmotionhosting.com/~rustyt6/pythagoras/php/submit_support_form.php", {
subject: $("#supSubject").val(),
company: $("#supCompany").val(),
name: $("#supName").val(),
email: $("#supEmail").val(),
phone: $("#supPhone").val(),
product: $("#supProduct").val(),
comments: $("#supComments").val()
},
function(data) {
console.log(data);
}
);
$(".formInputContainer").hide();
$(".formResultContainer").show();
common.scrollToTop();
$("#supSubject").val("");
$("#supCompany").val("");
$("#supName").val("");
$("#supEmail").val("");
$("#supPhone").val("");
$("#supProduct").val("");
$("#supComments").val("");
}
submitContactForm() {
$.post("http://biz199.inmotionhosting.com/~rustyt6/pythagoras/php/submit_contact_form.php", {
name: $("#conName").val(),
email: $("#conEmail").val(),
phone: $("#conPhone").val(),
comments: $("#conComments").val()
},
function(data) {
console.log(data);
}
);
$(".contactTable").hide();
$(".formResultContainer").show();
common.scrollToTop();
$("#conName").val("");
$("#conEmail").val("");
$("#conPhone").val("");
$("#conComments").val("");
}
adjustContentBannersForScreen() {
if (this.isMobile()) {
$("#pageBannerImage1").attr("src", "images/banner_page_mobile_solutions_mobile.jpg");
$("#pageBannerImage2").attr("src", "images/banner_page_ifrs16_mobile.jpg");
$("#pageBannerImage3").attr("src", "images/banner_page_gdpr_mobile.jpg");
} else {
$("#pageBannerImage1").attr("src", "images/banner_page_mobile_solutions.jpg");
$("#pageBannerImage2").attr("src", "images/banner_page_ifrs16.jpg");
$("#pageBannerImage3").attr("src", "images/banner_page_gdpr.jpg");
}
}
showMobileMenu() {
$("#screenOverlayBehindHeader").show();
$("#mobileMenu").slideDown();
$("#mobileMenu").addClass("showing");
}
hideMobileMenu() {
$("#mobileMenu").slideUp(function() {
$("#screenOverlayBehindHeader").hide();
});
$("#mobileMenu").removeClass("showing");
}
showMobileLanguageMenu() {
$("#screenOverlayBehindHeader").show();
$("#mobileLanguageMenu").slideDown();
$("#mobileLanguageMenu").addClass("showing");
}
hideMobileLanguageMenu() {
$("#mobileLanguageMenu").slideUp(function() {
$("#screenOverlayBehindHeader").hide();
});
$("#mobileLanguageMenu").removeClass("showing");
}
scrollToTop() {
$("body,html").animate({ scrollTop: 0 }, "slow");
}
isMobile() {
var ua = navigator.userAgent;
var ipad = ua.match(/(iPad).*OS\s([\d_]+)/),
isIphone = !ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/),
isAndroid = ua.match(/(Android)\s+([\d.]+)/),
isMobile = isIphone || isAndroid;
return isMobile;
}
isPhone() {
var ua = navigator.userAgent;
var ipad = ua.match(/(iPad).*OS\s([\d_]+)/);
var isIphone = !ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/);
return isIphone;
}
}
export const common = new Common();

10
src/assets/static/config.js → src/static/config.js
View File

@@ -8,19 +8,15 @@ window.config = {
name: "我们的方案", name: "我们的方案",
url: "/ourPlan", url: "/ourPlan",
child: [{ child: [{
name: "设施管理", name: "三维展示",
url: "/ourPlan/facilityManagement",
},
{
name: "房地产",
url: "/ourPlan/reaEstate", url: "/ourPlan/reaEstate",
}, },
{ {
name: "物业管理", name: "房地产和物业管理",
url: "/ourPlan/estateManagement", url: "/ourPlan/estateManagement",
}, },
{ {
name: "系统智能建筑和物联网（iot）", name: "物联网（iot）",
url: "/ourPlan/iot", url: "/ourPlan/iot",
}, },
{ {

45
src/views/aboutUs/cooperateWithUs.vue
View File

@@ -2,37 +2,24 @@
<div> <div>
<leftMenu> </leftMenu> <leftMenu> </leftMenu>
<icontent> <icontent>
<div class="row left"> <h3 data-v-7630ff5e="" data-v-41de0e1c=""> 我们是谁？</h3>
<div class="col-md-12"> <p data-v-7630ff5e="" data-v-41de0e1c="">
<div class="col-md-5 col-sm-5 scrollpoint sp-effect1" style="padding:0px;"> 我们是一家员工所有的公司，其业务围绕着许多核心价值观。可持续性，平等和合作是其中的一部分。我们业务的很大一部分是基于与客户共同寻找创新解决方案，使客户能够降低能耗。我们有很多技巧。通过将我们的技能与客户技能相结合，我们帮助客户简化其物业，房地产和设施管理流程。
<div class="form-group cav_contact_hello" style="text-align:left;"> </p>
<p class="nav_div"><label style="font-family:'Microsoft YaHei';font-weight:100;">您好</label><label style="font-family:'Microsoft YaHei';font-weight:100;"> &nbsp;&nbsp;HELLO!</label></p> <h3 data-v-7630ff5e="" data-v-41de0e1c="">我们做什么</h3>
</div> <p data-v-7630ff5e="" data-v-41de0e1c="">
<div class="form-group cav_contact_div1" style="text-align:left"> 我们开发IT解决方案和服务，用于管理房地产，房地产和设施管理中的战略信息。我们还在智能建筑和物业及设施管理领域从事商业咨询。借助最新技术，我们可以创建解决方案和平台，帮助客户将其业务数字化。
感谢您来到上海丙维科技有限公司，若您有合作意向，请您用以下方式联系我们，我们为您提供真诚的服务，谢谢。 </p>
</div> <h3 data-v-7630ff5e="" data-v-41de0e1c="">
</div> 我们的愿景和经营理念
</h3>
<p data-v-7630ff5e="" data-v-41de0e1c="">
我们将在物业，房地产和设施管理方面提供最好的服务和解决方案。我们决心拥有传统和保守的部门，以了解持续和自动数据收集和分析的必要性。
<div class="col-md-6 col-sm-6 "> </p>
<ul class="cav_contact_ul">
<li style="padding-top:12px;">021-61166770</li>
<li style="padding-top:19px;">bimwe@bimwe.com</li>
<li style="padding-top:21px;">
上海市宝山区逸仙路
</li>
</ul>
</div>
</div>
</div>
<div class="row right">
<img width="100%" src="http://api.map.baidu.com/staticimage/v2?ak=y2qrobvV7OiT0P5FuoOXzvr1NzRbKPEE&mcode=666666&center=121.425276,31.438629&zoom=13 " />
</div>
</icontent> </icontent>
</div> </div>
</template> </template>
@@ -42,7 +29,7 @@ export default {
data() { data() {
return {}; return {};
}, },
mounted: function() {} mounted: function () {},
}; };
</script> </script>
@@ -76,7 +63,7 @@ export default {
.cav_contact_ul > li { .cav_contact_ul > li {
list-style: none; list-style: none;
padding-top: 14px; padding-top: 14px;
font-family: "Microsoft YaHei"; font-family: 'Microsoft YaHei';
font-size: 14px; font-size: 14px;
color: #333333; color: #333333;
} }

8
src/views/aboutUs/propystTechnology.vue
View File

@@ -2,6 +2,8 @@
<div> <div>
<leftMenu> </leftMenu> <leftMenu> </leftMenu>
<icontent> <icontent>
<p> 丙维科技一直致力于成为一个有吸引力的雇主。</p>
<p> 我们是一家信奉环境和性别平等的公司。有了我们，您始终有机会成长和发展。我们一直在寻找新员工。如果您有兴趣加入我们的团队，请随时与我们联系。</p>
</icontent> </icontent>
</div> </div>
@@ -12,13 +14,9 @@ export default {
data() { data() {
return {}; return {};
}, },
mounted: function() { mounted: function () {},
}
}; };
</script> </script>
<style scoped> <style scoped>
</style> </style>

16
src/views/fulEdge/mobileSolution.vue
View File

@@ -1,20 +1,24 @@
<template> <template>
<div> <div>
<leftMenu> </leftMenu> <leftMenu> </leftMenu>
<icontent></icontent> <icontent>
<p> 我们的解决方案是比亚迪解决方案（自带设备解决方案）。</p>
<p> 我们开发了可用于管理设施管理中日常工作的应用程序。</p>
<p> 通过我们的解决方案，您可以随时随地履行职责。</p>
</icontent>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {};
},
};
}
}; };
</script> </script>

7
src/views/fulEdge/other.vue
View File

@@ -7,13 +7,10 @@
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {};
},
};
}
}; };
</script> </script>

96
src/views/index.vue
View File

@@ -5,22 +5,6 @@
<swiper ref="swiper" :options="swiperOption"> <swiper ref="swiper" :options="swiperOption">
<swiper-slide v-for="banner in banners" :key="banner.img"> <swiper-slide v-for="banner in banners" :key="banner.img">
<img :src="banner.img" width="100%" /> <img :src="banner.img" width="100%" />
<div class="carousel">
<div class="infoBoxes">
<div class="infoBox fromLeft" >
<div class="infoBoxContent">
<div class="infoBoxHead">
<span class="triangleRight"></span>
<span class="infoBoxTitle"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">IFRS16</font></font></span>
</div>
<div class="bread"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">自2019年1月1日起，IFRS16成为强制性要求。</font><font style="vertical-align: inherit;">我们准备好了。</font><font style="vertical-align: inherit;">是吗</font></font></div>
<div class="seeMoreContainer">
<a href="javascript:void()" class="linkSeeMore"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">看到更多</font></font></a>
</div>
</div>
</div>
</div>
</div>
</swiper-slide> </swiper-slide>
<div class="directionControl swiper-button-prev" slot="button-prev"> </div> <div class="directionControl swiper-button-prev" slot="button-prev"> </div>
@@ -43,7 +27,8 @@
<div class="boxTableHeader"> <div class="boxTableHeader">
<div class="h2">{{product.name}}</div> <div class="h2">{{product.name}}</div>
</div> </div>
<router-link :to="product.url"> </router-link> <a v-if="product.isLink||product.url.indexOf('http')>-1" target="view_window" :href="product.url"></a>
<router-link v-else :to="product.url"> </router-link>
</div> </div>
</div> </div>
<ifooter></ifooter> <ifooter></ifooter>
@@ -60,69 +45,66 @@ export default {
speed: 1000, speed: 1000,
loop: true, loop: true,
navigation: { navigation: {
nextEl: ".swiper-button-next", //前进按钮的css选择器或HTML元素。 nextEl: '.swiper-button-next', //前进按钮的css选择器或HTML元素。
prevEl: ".swiper-button-prev" //后退按钮的css选择器或HTML元素。 prevEl: '.swiper-button-prev', //后退按钮的css选择器或HTML元素。
}, },
pagination: { pagination: {
el: ".swiper-pagination", el: '.swiper-pagination',
type: "bullets", type: 'bullets',
bulletElement: "li", bulletElement: 'li',
clickable: true clickable: true,
} },
}, },
banners: [ banners: [
{ img: require("../assets/img/banner_index0.png") }, { img: require('../assets/img/banner_index0.png') },
{ img: require("../assets/img/banner_index1.png") }, { img: require('../assets/img/banner_index1.png') },
{ img: require("../assets/img/banner_index2.png") }, { img: require('../assets/img/banner_index2.png') },
{ img: require("../assets/img/banner_index3.png") } { img: require('../assets/img/banner_index3.png') },
], ],
productData: [ productData: [
{ {
name: "设施管理", name: '智能终端',
img: require("../assets/img/boxbg_facilitiesmanagement.png"), img: require('../assets/img/boxbg_cleaning.png'),
url: "" url: '/超广角设备.pdf',
isLink: true,
}, },
{ {
name: "房地产", name: '智能建筑',
// img: require("../assets/img/boxbg_propertyandrealestate.jpg"), img: require('../assets/img/boxbg_smartbuildings.png'),
img: require("../assets/img/boxbg_errands.png"), url: '/IntelligentBuild',
url: "" },
{
name: '物联网',
img: require('../assets/img/boxbg_iot.png'),
url: '/ourPlan/iot',
}, },
{ {
name: "智能建筑", name: '模型管理',
img: require("../assets/img/boxbg_smartbuildings.png"), img: require('../assets/img/boxbg_facilitiesmanagement.png'),
url: "" url: 'http://mor.bimwe.com/',
}, },
{ {
name: "清洁管理", name: '三维展示',
img: require("../assets/img/boxbg_cleaning.png"), img: require('../assets/img/boxbg_errands.png'),
url: "" url: '/ourPlan/reaEstate',
}, },
{ {
name: "建筑系统", name: '智慧系统',
img: require("../assets/img/boxbg_propertyandrealestate.png"), img: require('../assets/img/boxbg_propertyandrealestate.png'),
url: "" url: 'http://soda.bimwe.com/',
}, },
{ name: "物联网", img: require("../assets/img/boxbg_iot.png"), url: "" } ],
]
}; };
}, },
methods: { methods: {},
onSlideChangeStart(currentPage) {
},
onSlideChangeEnd(currentPage) {
}
}
}; };
</script> </script>
<style scoped> <style scoped>
.swiper-pagination {
.swiper-pagination
{
bottom: 10%; bottom: 10%;
} }
</style> </style>

15
src/views/ourPlan/estateManagement.vue
View File

@@ -1,19 +1,22 @@
<template> <template>
<div> <div>
<leftMenu> </leftMenu> <leftMenu> </leftMenu>
<icontent></icontent> <icontent>
<p> 房地产和物业是涵盖多个学科的专业，旨在确保建筑环境的功能。这是通过将人员，地点，流程和技术相互整合来实现的。</p>
<p> 无论您是购买，出售，租赁还是翻新您的房产，我们的解决方案都可以帮助您根据显示趋势和实时数据的当前图形关键指标做出明智的决策。</p>
<p> 在我们的解决方案中，所有功能都完全集成在一起，但也可以单独使用。</p>
</icontent>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {};
},
};
}
}; };
</script> </script>

5
src/views/ourPlan/facilityManagement.vue
View File

@@ -7,13 +7,12 @@
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
msg: "Welcome to Your Vue.js App" msg: 'Welcome to Your Vue.js App',
}; };
} },
}; };
</script> </script>

17
src/views/ourPlan/iot.vue
View File

@@ -1,21 +1,26 @@
<template> <template>
<div> <div>
<leftMenu> </leftMenu> <leftMenu> </leftMenu>
<icontent></icontent> <icontent>
</div> <p>
<img src="../../assets/img/iot1.jpg" style="width:100%" />
</p>
<p>
<img src="../../assets/img/iot1.jpg" style="width:100%" />
</p>
</icontent>
</div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
msg: "Welcome to Your Vue.js App" msg: 'Welcome to Your Vue.js App',
}; };
}, },
mounted: function() { mounted() {},
debugger;
}
}; };
</script> </script>

5
src/views/ourPlan/ourPlan.vue
View File

@@ -9,16 +9,15 @@
</div> </div>
<ifooter></ifooter> <ifooter></ifooter>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
msg: "Welcome to Your Vue.js App" msg: 'Welcome to Your Vue.js App',
}; };
} },
}; };
</script> </script>

17
src/views/ourPlan/reaEstate.vue
View File

@@ -1,20 +1,25 @@
<template> <template>
<div> <div>
<leftMenu> </leftMenu> <leftMenu> </leftMenu>
<icontent></icontent> <icontent>
<video class="video" controls="controls" autoplay="autoplay">
<source src="/三维.mp4" type="video/mp4" />
Your browser does not support the video tag.
</video>
</icontent>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {};
msg: "Welcome to Your Vue.js App" },
};
}
}; };
</script> </script>
<style scoped> <style scoped>
.video {
width: 100%;
}
</style> </style>

10
src/views/ourPlan/technologyIntegration.vue
View File

@@ -1,18 +1,20 @@
<template> <template>
<div> <div>
<leftMenu> </leftMenu> <leftMenu> </leftMenu>
<icontent></icontent> <icontent>
<p> 我们所有的解决方案都基于最新技术，完全基于云的SaaS服务。为了传递数据和图形，可以对所有类型的系统进行基于Web服务的集成。</p>
<p> 我们强大的移动应用程序使用我们的GeoModel来可视化图形。有关我们的GeoModel的更多信息，请参阅“智能建筑和物联网”这一点。</p>
</icontent>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
msg: "Welcome to Your Vue.js App" msg: 'Welcome to Your Vue.js App',
}; };
} },
}; };
</script> </script>