init
This commit is contained in:
unknown
1742
package-lock.json
generated
1742
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@@ -10,6 +10,7 @@
|
||||
"dependencies": {
|
||||
"bootstrap": "^3.3.7",
|
||||
"es6-promise": "^4.2.5",
|
||||
"jquery": "^3.5.1",
|
||||
"vue": "^2.5.17",
|
||||
"vue-awesome-swiper": "^3.1.3",
|
||||
"vue-router": "^3.0.1",
|
||||
@@ -17,9 +18,13 @@
|
||||
"vuex": "^3.0.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@typescript-eslint/eslint-plugin": "^4.9.1",
|
||||
"@typescript-eslint/parser": "^4.9.1",
|
||||
"@vue/cli-plugin-babel": "^3.0.3",
|
||||
"@vue/cli-plugin-eslint": "^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"
|
||||
},
|
||||
"eslintConfig": {
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 3.6 KiB After Width: | Height: | Size: 283 B |
@@ -1,17 +1,17 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
|
||||
|
||||
|
||||
<title>上海丙维科技有限公司</title>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
</body>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
BIN
public/三维.mp4
Normal file
BIN
public/三维.mp4
Normal file
Binary file not shown.
BIN
public/超广角设备.pdf
Normal file
BIN
public/超广角设备.pdf
Normal file
Binary file not shown.
@@ -1,9 +1,12 @@
|
||||
<template>
|
||||
<div id="app">
|
||||
<router-view/>
|
||||
<router-view />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
mounted() {},
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
|
||||
</style>
|
||||
|
||||
@@ -9,7 +9,6 @@
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
@font-face {
|
||||
font-family: ProximaNova;
|
||||
src: url("./font/ProximaNova-Regular.otf")
|
||||
@@ -32,6 +31,7 @@
|
||||
;
|
||||
}
|
||||
|
||||
|
||||
/* GENERAL */
|
||||
|
||||
html,
|
||||
@@ -50,7 +50,6 @@ body {
|
||||
color: #000;
|
||||
background-color: #fff;
|
||||
overflow-x: hidden;
|
||||
|
||||
}
|
||||
|
||||
*,
|
||||
@@ -165,9 +164,12 @@ h4,
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
/* END GENERAL */
|
||||
|
||||
|
||||
/* OVERLAY */
|
||||
|
||||
#screenOverlay {
|
||||
display: none;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
@@ -190,7 +192,9 @@ h4,
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
|
||||
/*FLEX CONTAINERS*/
|
||||
|
||||
.flexVerticalCenter {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
@@ -200,6 +204,7 @@ h4,
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
|
||||
/* HEADER */
|
||||
|
||||
.header {
|
||||
@@ -272,7 +277,6 @@ h4,
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
.header>.content>.bottom>table>tbody>tr>td.logoCell>.logo {
|
||||
margin-top: 0.5em;
|
||||
height: 2.5em;
|
||||
@@ -297,7 +301,6 @@ h4,
|
||||
.header>.content>.bottom>table>tbody>tr>td.mainMenuCell a {
|
||||
/*border: 1px solid red;
|
||||
padding: 0.25em;*/
|
||||
|
||||
}
|
||||
|
||||
.header>.content>.bottom>table>tbody>tr>td.languageCell {
|
||||
@@ -306,12 +309,10 @@ h4,
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
|
||||
table.mainMenu {
|
||||
border-collapse: collapse;
|
||||
margin: 0 auto;
|
||||
width: 70%;
|
||||
|
||||
}
|
||||
|
||||
table.mainMenu a {
|
||||
@@ -335,7 +336,6 @@ table.mainMenu>tbody>tr>td {
|
||||
width: auto;
|
||||
/*max-width: 5em;*/
|
||||
cursor: pointer;
|
||||
|
||||
}
|
||||
|
||||
table.mainMenu>tbody>tr>td span.downCaret {
|
||||
@@ -349,7 +349,6 @@ table.mainMenu>tbody>tr>td span.downCaret {
|
||||
-webkit-transform: rotate(45deg);
|
||||
}
|
||||
|
||||
|
||||
table.mainMenu>tbody>tr>td.selected {
|
||||
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 {
|
||||
display: none;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
@@ -375,7 +375,6 @@ table.mainMenu>tbody>tr>td>.dropDown {
|
||||
padding: 1em;
|
||||
white-space: nowrap;
|
||||
border-radius: 0 0 4px 4px;
|
||||
|
||||
}
|
||||
|
||||
table.mainMenu>tbody>tr>td:hover>.dropDown {
|
||||
@@ -412,6 +411,7 @@ a.languageDisabled {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
|
||||
/*.languages .dropDown {
|
||||
background: red;
|
||||
}*/
|
||||
@@ -482,8 +482,6 @@ input[type="text"].search {
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.banner .carousel {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
@@ -529,7 +527,6 @@ input[type="text"].search {
|
||||
;
|
||||
}
|
||||
|
||||
|
||||
.banner .carousel>.infoBoxes>.infoBox {
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
@@ -587,9 +584,7 @@ input[type="text"].search {
|
||||
height: 0;
|
||||
border-top: 1em solid transparent;
|
||||
border-bottom: 1em solid transparent;
|
||||
|
||||
border-left: 1em solid #2aa2d4;
|
||||
|
||||
margin-right: 1em;
|
||||
}
|
||||
|
||||
@@ -623,7 +618,6 @@ input[type="text"].search {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
|
||||
.banner .carousel>.controls>.directionControls>.directionControl {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
@@ -711,7 +705,6 @@ input[type="text"].search {
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
color: #000;
|
||||
|
||||
}
|
||||
|
||||
.scrollToContentWrapper>a.scrollToContent:hover {
|
||||
@@ -745,7 +738,6 @@ input[type="text"].search {
|
||||
width: 70%;
|
||||
padding: 0;
|
||||
margin: 0 auto;
|
||||
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
@@ -762,7 +754,6 @@ input[type="text"].search {
|
||||
margin-bottom: 2em;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
@@ -774,8 +765,6 @@ input[type="text"].search {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.pageBoxes .box>.boxTableHeader {
|
||||
width: 100%;
|
||||
height: 22%;
|
||||
@@ -787,7 +776,6 @@ input[type="text"].search {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
@@ -837,6 +825,7 @@ input[type="text"].search {
|
||||
cursor:pointer;
|
||||
}*/
|
||||
|
||||
|
||||
/* COOKIES COMPLIANCE - OVERRIDE DEFAULT STYLES */
|
||||
|
||||
.cc-window {
|
||||
@@ -892,7 +881,6 @@ input[type="text"].search {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
|
||||
.footer>.row1 table.footerTable table.addressTable {
|
||||
width: 100%;
|
||||
/*table-layout:fixed;*/
|
||||
@@ -966,9 +954,12 @@ input[type="text"].search {
|
||||
background-color: #22323b;
|
||||
}
|
||||
|
||||
|
||||
/* END FOOTER */
|
||||
|
||||
|
||||
/* FORMS */
|
||||
|
||||
#forms {
|
||||
display: none;
|
||||
position: absolute;
|
||||
@@ -1002,7 +993,6 @@ input[type="text"].search {
|
||||
margin: 1em auto;
|
||||
text-align: center;
|
||||
font-size: 0.875em;
|
||||
|
||||
/*-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;*/
|
||||
@@ -1040,13 +1030,11 @@ input[type="text"].search {
|
||||
|
||||
#forms>.formContainer form input[type="text"] {
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
|
||||
#forms>.formContainer form textarea {
|
||||
display: block;
|
||||
width: 100%;
|
||||
|
||||
font-family: ProximaNova, Arial, sans-serif;
|
||||
overflow: hidden;
|
||||
resize: none;
|
||||
@@ -1078,15 +1066,19 @@ input[type="text"].search {
|
||||
margin-bottom: 0.2em;
|
||||
}
|
||||
|
||||
|
||||
/* SUPPORT FORM */
|
||||
|
||||
#forms>#formSupportContainer {
|
||||
display: none;
|
||||
width: 40%;
|
||||
padding: 2.5em 4em;
|
||||
}
|
||||
|
||||
|
||||
/* END SUPPORT FORM */
|
||||
|
||||
|
||||
/* CONTACT FORM */
|
||||
|
||||
#forms>#formContactContainer {
|
||||
@@ -1137,7 +1129,9 @@ input[type="text"].search {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
|
||||
/* LOCATION */
|
||||
|
||||
#forms>#formContactContainer .ourLocation {
|
||||
position: relative;
|
||||
margin-bottom: 0.5em;
|
||||
@@ -1176,16 +1170,22 @@ input[type="text"].search {
|
||||
margin-bottom: 0.2em;
|
||||
}
|
||||
|
||||
|
||||
/* END LOCATION */
|
||||
|
||||
|
||||
/* END CONTACT FORM */
|
||||
|
||||
|
||||
/* END FORMS */
|
||||
|
||||
/* DESKTOP */
|
||||
|
||||
/* DESKTOP */
|
||||
|
||||
|
||||
/* DESKTOP */
|
||||
|
||||
|
||||
/* MOBILE */
|
||||
|
||||
#mobile_indicator,
|
||||
@@ -1197,7 +1197,9 @@ input[type="text"].search {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/* MOBILE MENUS */
|
||||
|
||||
.headerMobileMenu {
|
||||
display: none;
|
||||
position: absolute;
|
||||
@@ -1269,11 +1271,15 @@ input[type="text"].search {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
|
||||
/* END MOBILE MENU */
|
||||
|
||||
|
||||
/* END MOBILE */
|
||||
|
||||
|
||||
/* GOOGLE MAPS */
|
||||
|
||||
div.googleMap {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
@@ -1288,7 +1294,9 @@ div.googleMap {
|
||||
/* Fix for transition flickering */
|
||||
}
|
||||
|
||||
|
||||
/* MEDIA QUERIES */
|
||||
|
||||
@media only screen and (max-width: 1700px) {
|
||||
/*.banner {
|
||||
padding-top: 36%;
|
||||
@@ -1296,215 +1304,165 @@ div.googleMap {
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1600px) {
|
||||
|
||||
.pageWidth {
|
||||
padding-left: 2.5em;
|
||||
padding-right: 2.5em;
|
||||
}
|
||||
|
||||
table.mainMenu>tbody>tr>td>.dropDownRight {
|
||||
margin-left: -4em;
|
||||
}
|
||||
|
||||
.banner {
|
||||
|
||||
}
|
||||
|
||||
.banner {}
|
||||
.footer>.row1 .aaaWrapper>img.aaa {
|
||||
width: 6em;
|
||||
}
|
||||
|
||||
#forms>#formSupportContainer {
|
||||
width: 50%;
|
||||
padding: 2.5em 4em;
|
||||
background: white;
|
||||
}
|
||||
|
||||
#forms>#formContactContainer {
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
#forms>#formContactContainer>table.contactTable>tbody>tr>td.contactColumn {
|
||||
padding: 0 4em;
|
||||
}
|
||||
|
||||
.pageBoxes {
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
.pageBoxes .box {
|
||||
height: 20em;
|
||||
}
|
||||
|
||||
.mainMenu .h2:hover .dropDown {
|
||||
display: block;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1500px) {
|
||||
|
||||
table.mainMenu {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
table.mainMenu>tbody>tr>td>.dropDownRight {
|
||||
margin-left: -3.5em;
|
||||
}
|
||||
|
||||
.header>.content>.bottom>table>tbody>tr>td.logoCell>.logo {
|
||||
margin-top: 1em;
|
||||
height: 2.25em;
|
||||
}
|
||||
|
||||
.header.mini>.content>.bottom>table>tbody>tr>td.logoCell>.logo {
|
||||
margin-top: 0em;
|
||||
height: 2em;
|
||||
}
|
||||
|
||||
.banner {
|
||||
|
||||
}
|
||||
|
||||
.banner {}
|
||||
.pageBoxes {
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
/* SMALLER LAPTOPS */
|
||||
@media only screen and (max-width: 1400px) {
|
||||
|
||||
/* SMALLER LAPTOPS */
|
||||
|
||||
@media only screen and (max-width: 1400px) {
|
||||
table.mainMenu {
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
table.mainMenu>tbody>tr>td>.dropDownRight {
|
||||
margin-left: -4em;
|
||||
}
|
||||
|
||||
.pageBoxes {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.pageBoxes .box {
|
||||
height: 20em;
|
||||
}
|
||||
}
|
||||
|
||||
/* SMALLER LAPTOPS */
|
||||
@media only screen and (max-width: 1200px) {
|
||||
|
||||
/* SMALLER LAPTOPS */
|
||||
|
||||
@media only screen and (max-width: 1200px) {
|
||||
.footer>.row1 table.footerTable {
|
||||
padding-left: 6em;
|
||||
}
|
||||
|
||||
.footer>.row1 .aaaWrapper>img.aaa {
|
||||
width: 5em;
|
||||
}
|
||||
|
||||
table.mainMenu {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
table.mainMenu>tbody>tr>td>.dropDownRight {
|
||||
margin-left: -4.5em;
|
||||
}
|
||||
|
||||
.pageWidth {
|
||||
padding-left: 2em;
|
||||
padding-right: 2em;
|
||||
}
|
||||
|
||||
#forms>#formSupportContainer {
|
||||
width: 60%;
|
||||
padding: 2.5em 4em;
|
||||
}
|
||||
|
||||
#forms>#formContactContainer {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
#forms>#formContactContainer>table.contactTable>tbody>tr>td.contactColumn {
|
||||
padding: 0 3em;
|
||||
}
|
||||
|
||||
.banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.infoBoxHead>.infoBoxTitle,
|
||||
.contentPage .bannerBox .bannerBoxTitle {
|
||||
font-size: 2.5em;
|
||||
}
|
||||
|
||||
.banner .carousel>.infoBoxes>.fromLeft>div.infoBoxContent {
|
||||
padding-left: 20%;
|
||||
}
|
||||
|
||||
.pageBoxes {
|
||||
width: 85%;
|
||||
}
|
||||
|
||||
.pageBoxes .box {
|
||||
height: 16em;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1080px) {
|
||||
|
||||
table.mainMenu>tbody>tr>td>.dropDownRight {
|
||||
margin-left: -3.5em;
|
||||
}
|
||||
|
||||
.mainMenu .h2 {
|
||||
font-size: 1.0em;
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 992px) {
|
||||
|
||||
.footer>.row1 table.footerTable {
|
||||
padding-left: 4em;
|
||||
}
|
||||
|
||||
td.mainMenuCell {
|
||||
padding-left: 4em;
|
||||
}
|
||||
|
||||
table.mainMenu>tbody>tr>td>.dropDownRight {
|
||||
margin-left: -4.5em;
|
||||
}
|
||||
|
||||
/* .smallDesktop {
|
||||
display: none;
|
||||
}*/
|
||||
|
||||
h2,
|
||||
.h2 {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
.bread {
|
||||
font-size: 1.0em;
|
||||
line-height: 120%;
|
||||
}
|
||||
|
||||
.pageWidth {
|
||||
padding-left: 1em;
|
||||
padding-right: 1em;
|
||||
}
|
||||
|
||||
.header>.content>.bottom>table>tbody>tr>td.logoCell>.logo {
|
||||
margin-top: 1em;
|
||||
height: 1.75em;
|
||||
}
|
||||
|
||||
.header.mini>.content>.bottom>table>tbody>tr>td.logoCell>.logo {
|
||||
margin-top: 0em;
|
||||
height: 1.75em;
|
||||
}
|
||||
|
||||
/* .header > .content > .bottom > table > tbody > tr > td.logoCell > a {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
@@ -1512,16 +1470,13 @@ div.googleMap {
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}*/
|
||||
|
||||
#forms>#formSupportContainer {
|
||||
width: 70%;
|
||||
padding: 2.5em 4em;
|
||||
}
|
||||
|
||||
#forms>#formContactContainer {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
#forms>.formContainer form input[type="submit"] {
|
||||
display: block;
|
||||
width: 100%;
|
||||
@@ -1530,158 +1485,126 @@ div.googleMap {
|
||||
margin-top: 1em;
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
#forms #formSupport {
|
||||
padding-bottom: 2.5em;
|
||||
}
|
||||
|
||||
.banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.infoBoxHead>.infoBoxTitle,
|
||||
.contentPage .bannerBox .bannerBoxTitle {
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
.banner .carousel>.infoBoxes>.fromLeft>div.infoBoxContent>div.bread {
|
||||
margin-right: 10%;
|
||||
}
|
||||
|
||||
.banner .carousel>.controls>.directionControls>.directionControl.previous {
|
||||
left: -.5em;
|
||||
}
|
||||
|
||||
.banner .carousel>.controls>.directionControls>.directionControl.next {
|
||||
right: -.5em;
|
||||
}
|
||||
|
||||
.banner .carousel>.controls>.directionControls>.directionControl>img {
|
||||
height: 2.5em;
|
||||
padding: 0.85em 1.5em;
|
||||
}
|
||||
|
||||
.pageBoxes {
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
|
||||
/* LARGE TABLETS */
|
||||
@media only screen and (max-width: 768px) {
|
||||
|
||||
/* LARGE TABLETS */
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.desktop {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mobile {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#mobile_indicator {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.pageWidth {
|
||||
padding-left: 1.5em;
|
||||
padding-right: 1.5em;
|
||||
}
|
||||
|
||||
.header>.content>.top {
|
||||
height: 2em;
|
||||
}
|
||||
|
||||
.header>.content>.top>.content>table>tbody>tr>td.contact {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.inlineTextPhoneIcon {
|
||||
height: 1em;
|
||||
}
|
||||
|
||||
.headerPhoneNumber {
|
||||
font-size: 0.9em;
|
||||
margin-right: 1em;
|
||||
}
|
||||
|
||||
.headerEmail {
|
||||
font-size: 1.0em;
|
||||
}
|
||||
|
||||
.header>.content>.bottom {
|
||||
height: 3em;
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
|
||||
.header>.content>.bottom>table>tbody>tr>td.logoCell {
|
||||
width: 10em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.header>.content>.bottom>table>tbody>tr>td.logoCell>.logo {
|
||||
margin-top: 0em;
|
||||
margin-bottom: 0.5em;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.header>.content>.bottom>table>tbody>tr>td.mobileIconsCell {
|
||||
text-align: right;
|
||||
/*background: pink;*/
|
||||
}
|
||||
|
||||
.header>.content>.bottom>table>tbody>tr>td.mobileIconsCell img {
|
||||
position: relative;
|
||||
height: 1.8em;
|
||||
margin-right: 1.8em;
|
||||
}
|
||||
|
||||
.header>.content>.bottom>table>tbody>tr>td.mobileIconsCell img:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.header>.content>.bottom>table>tbody>tr>td.mobileIconsCell img#mobileLanguage {
|
||||
height: 1.4em;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.2em;
|
||||
}
|
||||
|
||||
.footer {
|
||||
background: #22323b;
|
||||
}
|
||||
|
||||
.footer>.row1 table.footerTable>tbody>tr>td {
|
||||
margin-bottom: 2.0em;
|
||||
padding-left: 3em;
|
||||
}
|
||||
|
||||
|
||||
.footer>.row1 table.footerTable>tbody>tr>td.stackable {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.footer>.row1 table.footerTable>tbody>tr>td {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
|
||||
.footer>.row1 table.footerTable td.quickLinksContainer {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.footer>.row2 {
|
||||
text-align: center;
|
||||
padding-top: 1em;
|
||||
padding-bottom: 0;
|
||||
background-color: #22323b;
|
||||
}
|
||||
|
||||
#forms>#formSupportContainer {
|
||||
width: 80%;
|
||||
padding: 2.5em 4em;
|
||||
}
|
||||
|
||||
#forms>#formContactContainer {
|
||||
width: 95%;
|
||||
padding: 3em 0;
|
||||
}
|
||||
|
||||
#forms>.formContainer>span.btnQuitForm {
|
||||
position: absolute;
|
||||
font-size: 1.5em;
|
||||
@@ -1690,17 +1613,14 @@ div.googleMap {
|
||||
right: 0.8em;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.banner {
|
||||
margin-top: 5.6em;
|
||||
margin-bottom: 3em;
|
||||
}
|
||||
|
||||
.banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.infoBoxHead>.infoBoxTitle,
|
||||
.contentPage .bannerBox .bannerBoxTitle {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.infoBoxHead>.triangleRight,
|
||||
#mobileInfoBoxes .triangleRight,
|
||||
.contentPage .bannerBox .triangleRight {
|
||||
@@ -1709,31 +1629,24 @@ div.googleMap {
|
||||
border-left: 0.6em solid #2aa2d4;
|
||||
margin-right: 0.6em;
|
||||
}
|
||||
|
||||
.banner .carousel>.infoBoxes>.fromLeft>div.infoBoxContent>div.bread {
|
||||
margin-right: 5%;
|
||||
}
|
||||
|
||||
.banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.seeMoreContainer {
|
||||
margin-top: 3em;
|
||||
}
|
||||
|
||||
.banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.seeMoreContainer>.linkSeeMore {
|
||||
padding: 0.6em 1.2em;
|
||||
}
|
||||
|
||||
.scrollToContentWrapper {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.banner .carousel>.controls>.dotControls {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pageBoxes {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.pageBoxes .box {
|
||||
width: 42%;
|
||||
height: 16em;
|
||||
@@ -1741,54 +1654,45 @@ div.googleMap {
|
||||
margin-right: 3%;
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
.banner .carousel>.controls>.directionControls>.directionControl>img {
|
||||
height: 2.125em;
|
||||
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 {
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.headerMobileMenu>div.menuContent {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.footer>.row1 table.footerTable>tbody>tr>td {
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
#forms>#formSupportContainer,
|
||||
#forms>#formContactContainer {
|
||||
width: 95%;
|
||||
padding: 2.5em 2em;
|
||||
}
|
||||
|
||||
#forms>#formContactContainer>table.contactTable>tbody>tr>td.contactColumn {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
position: relative;
|
||||
|
||||
padding: 0 1em 6em 1em;
|
||||
}
|
||||
|
||||
#forms>#formContactContainer>table.contactTable>tbody>tr>td.contactColumn:first-child {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.infoBoxHead>.infoBoxTitle,
|
||||
#mobileInfoBoxes .infoBoxTitle,
|
||||
.contentPage .bannerBox .bannerBoxTitle {
|
||||
font-size: 1.25em;
|
||||
}
|
||||
|
||||
.banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.infoBoxHead>.triangleRight,
|
||||
#mobileInfoBoxes .triangleRight,
|
||||
.contentPage .bannerBox .triangleRight {
|
||||
@@ -1797,11 +1701,9 @@ div.googleMap {
|
||||
border-left: 0.6em solid #2aa2d4;
|
||||
margin-right: 0.6em;
|
||||
}
|
||||
|
||||
.pageBoxes {
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.pageBoxes .box {
|
||||
width: 45%;
|
||||
height: 16em;
|
||||
@@ -1809,166 +1711,134 @@ div.googleMap {
|
||||
margin-right: 2%;
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 480px) {
|
||||
|
||||
.pageWidth {
|
||||
padding-left: 0.5em;
|
||||
padding-right: 0.5em;
|
||||
}
|
||||
|
||||
#phone_indicator {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.header>.content>.top {
|
||||
height: 1.8em;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header>.content>.top>.content>table>tbody>tr>td.contact {
|
||||
font-size: 1.0em;
|
||||
}
|
||||
|
||||
.inlineTextIcon {
|
||||
height: 0.7em;
|
||||
top: 0.1em;
|
||||
margin-right: 0.2em;
|
||||
margin-left: 0.1em;
|
||||
}
|
||||
|
||||
.inlineTextPhoneIcon {
|
||||
height: 0.825em;
|
||||
}
|
||||
|
||||
.headerPhoneNumber {
|
||||
margin-right: 0.2em;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.headerPhoneNumber a {
|
||||
color: #2aa2d4 !important;
|
||||
}
|
||||
|
||||
.headerEmail {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.header>.content>.bottom {
|
||||
height: 4em;
|
||||
margin-top: 0;
|
||||
padding-left: 1em;
|
||||
padding-right: 1em;
|
||||
}
|
||||
|
||||
/* .header > .content > .bottom > table > tbody > tr > td.logoCell {
|
||||
width:8em;
|
||||
vertical-align: middle;
|
||||
}*/
|
||||
|
||||
.header>.content>.bottom>table>tbody>tr>td.logoCell>.logo {
|
||||
margin-bottom: 0;
|
||||
width: 75%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.header>.content>.bottom>table>tbody>tr>td.mobileIconsCell img {
|
||||
position: relative;
|
||||
height: 1.6em;
|
||||
margin-right: 1em;
|
||||
}
|
||||
|
||||
.header>.content>.bottom>table>tbody>tr>td.mobileIconsCell img#mobileLanguage {
|
||||
height: 1.3em;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.15em;
|
||||
}
|
||||
|
||||
.header>.content>.bottom>table>tbody>tr>td.mobileIconsCell img:last-child {
|
||||
margin-top: 0.6em;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.footer>.row1 table.footerTable>tbody>tr>td {
|
||||
display: block;
|
||||
width: 100%;
|
||||
margin-bottom: 2.0em;
|
||||
padding-left: 3em;
|
||||
}
|
||||
|
||||
.footer>.row1 table.footerTable td.quickLinksContainer {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.banner {
|
||||
margin-top: 3.6em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.banner .carousel>.infoBoxes {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.banner .carousel>.controls>.directionControls>.directionControl {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#mobileInfoBoxes {
|
||||
height: 7em;
|
||||
padding-top: 1.2em;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#mobileInfoBoxes .seeMoreContainer {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pageBoxes {
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.pageBoxes .box {
|
||||
width: 100%;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 420px) {
|
||||
|
||||
.footer>.row1 table.footerTable {
|
||||
padding-left: 10%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 380px) {
|
||||
|
||||
.footer>.row1 table.footerTable {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
#mobileInfoBoxes {
|
||||
height: 7.5em;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#forms>#formSupportContainer,
|
||||
#forms>#formContactContainer {
|
||||
width: 95%;
|
||||
padding: 2.5em 1.5em;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 340px) {
|
||||
|
||||
.footer>.row1 table.footerTable {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* END MEDIA QUERIES */
|
||||
@@ -6,10 +6,10 @@
|
||||
vertical-align: top;
|
||||
margin: 0 auto 0 auto;
|
||||
padding-top: 7em;
|
||||
height: 100vh;
|
||||
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
|
||||
/* CONTENT TABLES */
|
||||
|
||||
.contentTableLeft {
|
||||
@@ -27,29 +27,36 @@
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
|
||||
/* END CONTENT TABLES */
|
||||
|
||||
|
||||
/* NAV SIDEBAR */
|
||||
|
||||
|
||||
/* NAV BREADCRUMB */
|
||||
|
||||
.breadcrumb {
|
||||
margin-bottom: 2em;
|
||||
margin-right: 1em;
|
||||
}
|
||||
|
||||
.breadcrumb > a:hover {
|
||||
.breadcrumb>a:hover {
|
||||
color: #737373;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
||||
.breadcrumb > a:last-child {
|
||||
.breadcrumb>a:last-child {
|
||||
font-weight: bold;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
|
||||
/* END NAV BREADCRUMB */
|
||||
|
||||
|
||||
/* NAV ACCORDION */
|
||||
|
||||
.accordion {
|
||||
opacity: 0;
|
||||
position: relative;
|
||||
@@ -66,19 +73,19 @@
|
||||
background-color: #DCDCDC;
|
||||
}
|
||||
|
||||
.accordion > .content {
|
||||
.accordion>.content {
|
||||
margin-top: 2em;
|
||||
padding-left: 0.2em;
|
||||
}
|
||||
|
||||
.accordion > ul > li.category {
|
||||
.accordion>ul>li.category {
|
||||
position: relative;
|
||||
margin-bottom: 1.2em;
|
||||
list-style: none;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.accordion > ul > li.category > a.categoryHead {
|
||||
.accordion>ul>li.category>a.categoryHead {
|
||||
margin-bottom: 1.2em;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
@@ -89,13 +96,15 @@
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
|
||||
/*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;
|
||||
}
|
||||
|
||||
.accordion a {
|
||||
display:block;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
vertical-align: middle;
|
||||
position: relative;
|
||||
@@ -105,15 +114,15 @@
|
||||
color: #404040;
|
||||
}
|
||||
|
||||
.accordion > ul > li > ul > li > a {
|
||||
.accordion>ul>li>ul>li>a {
|
||||
font-size: 0.96em;
|
||||
}
|
||||
|
||||
.accordion > ul > li > ul.categoryItems {
|
||||
.accordion>ul>li>ul.categoryItems {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.accordion > ul > li > ul.categoryItems > li {
|
||||
.accordion>ul>li>ul.categoryItems>li {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
@@ -121,13 +130,14 @@
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.accordion > ul > li > ul.categoryItems > li > a {
|
||||
.accordion>ul>li>ul.categoryItems>li>a {
|
||||
width: 90%;
|
||||
padding: 0.8em;
|
||||
border-bottom: 1px solid gainsboro;
|
||||
font-size: 1.1em !important;
|
||||
}
|
||||
|
||||
|
||||
/*.accordion > ul > li > ul.categoryItems > li:after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
@@ -137,7 +147,9 @@
|
||||
background: red;
|
||||
}*/
|
||||
|
||||
|
||||
/* ACCORDION TRIANGLES */
|
||||
|
||||
.triangle {
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
@@ -145,12 +157,9 @@
|
||||
height: 100%;
|
||||
border-top: 0.5em solid transparent;
|
||||
border-bottom: 0.5em solid transparent;
|
||||
|
||||
border-left: 0.5em solid #ee3224;
|
||||
margin-top: 0.1em;
|
||||
margin-right: 1em;
|
||||
|
||||
|
||||
/*transition: .5s all;*/
|
||||
}
|
||||
|
||||
@@ -171,7 +180,7 @@
|
||||
.triangleOverlay {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top:-0.2em;
|
||||
top: -0.2em;
|
||||
bottom: -0.2em;
|
||||
width: 5px;
|
||||
background: #fff;
|
||||
@@ -179,21 +188,23 @@
|
||||
}
|
||||
|
||||
.rotateRight {
|
||||
-webkit-transform:rotate(90deg);
|
||||
transform:rotate(90deg);
|
||||
-webkit-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
.contentPage > .contentTable .contentTableRight h1 {
|
||||
.contentPage>.contentTable .contentTableRight h1 {
|
||||
font-weight: normal;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.contentPage > .contentTable .contentTableRight p.contactUs {
|
||||
.contentPage>.contentTable .contentTableRight p.contactUs {
|
||||
margin-top: 3em;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
|
||||
/* MAIN PAGE BANNER */
|
||||
|
||||
.contentPage img.pageBanner {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
@@ -203,7 +214,6 @@
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
.contentPage .contentPageBannerContainer img {
|
||||
width: 100%;
|
||||
}
|
||||
@@ -219,6 +229,7 @@
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
|
||||
/*.contentPage .mobileSolutions {
|
||||
background-image: url('../images/banner_page_mobile_solutions.jpg');
|
||||
}*/
|
||||
@@ -233,7 +244,7 @@
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
transform:translate(0, -50%);
|
||||
transform: translate(0, -50%);
|
||||
}
|
||||
|
||||
.contentPage .contentPageBanner .bannerBox .bannerBoxHeadline .headlineTop {
|
||||
@@ -273,7 +284,9 @@
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
|
||||
/* MOBILE */
|
||||
|
||||
.pageBannerMobileContainer {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
@@ -289,7 +302,7 @@
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.accordion div.mobileContent > h1 {
|
||||
.accordion div.mobileContent>h1 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -322,43 +335,49 @@
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
/* END ACCORDION MOBILE */
|
||||
|
||||
|
||||
/* CONTACT TABLE (KONTAKTA OSS PAGE) */
|
||||
.contentPage > .contentTable .contactTable {
|
||||
|
||||
.contentPage>.contentTable .contactTable {
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
.contentPage > .contentTable .contactTable td img {
|
||||
.contentPage>.contentTable .contactTable td img {
|
||||
height: 1.2em;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
|
||||
.contentPage > .contentTable .contactTable td a {
|
||||
.contentPage>.contentTable .contactTable td a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.contentPage > .contentTable .contactTable h3 {
|
||||
.contentPage>.contentTable .contactTable h3 {
|
||||
margin-bottom: 0.2em;
|
||||
}
|
||||
|
||||
|
||||
/* end contact table */
|
||||
|
||||
.contentPage > .contentTable .locationContainer {
|
||||
.contentPage>.contentTable .locationContainer {
|
||||
margin-top: 2em;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 20em;
|
||||
}
|
||||
|
||||
.contentPage > .contentTable .locationContainer > img.locationMarker {
|
||||
.contentPage>.contentTable .locationContainer>img.locationMarker {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-webkit-transform:translate(-50%,-50%);
|
||||
transform:translate(-50%,-50%);
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
height: 4em;
|
||||
}
|
||||
|
||||
|
||||
/*.contentPage > .contentTable .locationMobile img.locationMarker {
|
||||
height: 1em !important;
|
||||
}*/
|
||||
@@ -372,7 +391,7 @@
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.contentPage > .contentTable .locationContainer .findUs {
|
||||
.contentPage>.contentTable .locationContainer .findUs {
|
||||
position: absolute;
|
||||
bottom: 1.2em;
|
||||
right: 1.2em;
|
||||
@@ -380,17 +399,16 @@
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.contentPage > .contentTable .locationContainer .findUs a {
|
||||
.contentPage>.contentTable .locationContainer .findUs a {
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
|
||||
.contentPage > .contentTable .locationContainer .findUs a img {
|
||||
.contentPage>.contentTable .locationContainer .findUs a img {
|
||||
margin: 0 auto;
|
||||
height: 6em;
|
||||
}
|
||||
|
||||
.contentPage > .contentTable .locationContainer .findUs a div {
|
||||
.contentPage>.contentTable .locationContainer .findUs a div {
|
||||
position: absolute;
|
||||
bottom: 0.1em;
|
||||
width: 100%;
|
||||
@@ -399,13 +417,13 @@
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.contentPage > .contentTable .contentTableRight > .seekJobWrapper {
|
||||
.contentPage>.contentTable .contentTableRight>.seekJobWrapper {
|
||||
position: relative;
|
||||
text-align: right;
|
||||
margin-top: 4em;
|
||||
}
|
||||
|
||||
.contentPage > .contentTable .contentTableRight a.seekJob {
|
||||
.contentPage>.contentTable .contentTableRight a.seekJob {
|
||||
color: #fff;
|
||||
background: #000;
|
||||
border-radius: 10px;
|
||||
@@ -414,8 +432,10 @@
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
/* BOTTOM TWO COLUMN (FOR CUSTOMERS / CONTACT) */
|
||||
.contentPage > .contentTable .contentTableRight .bottomTwoColumn {
|
||||
|
||||
.contentPage>.contentTable .contentTableRight .bottomTwoColumn {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
@@ -427,15 +447,15 @@
|
||||
margin-top: 2em;
|
||||
}
|
||||
|
||||
.contentPage > .contentTable .bottomTwoColumn div.column {
|
||||
.contentPage>.contentTable .bottomTwoColumn div.column {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.contentPage > .contentTable .bottomTwoColumn div.column p:first-child {
|
||||
.contentPage>.contentTable .bottomTwoColumn div.column p:first-child {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
.contentPage > .contentTable .productCustomers .customerIcons {
|
||||
.contentPage>.contentTable .productCustomers .customerIcons {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
@@ -444,228 +464,194 @@
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.contentPage > .contentTable .productCustomers .customerIcons img {
|
||||
.contentPage>.contentTable .productCustomers .customerIcons img {
|
||||
height: 3em;
|
||||
margin-right: 1em;
|
||||
}
|
||||
.contentPage > .contentTable .productCustomers .customerIcons img.shorter {
|
||||
|
||||
.contentPage>.contentTable .productCustomers .customerIcons img.shorter {
|
||||
height: 2em;
|
||||
}
|
||||
|
||||
|
||||
/* END BOTTOM TWO COLUMN */
|
||||
|
||||
|
||||
/* MEDIA QUERIES */
|
||||
|
||||
@media only screen and (max-width: 1600px) {
|
||||
|
||||
.contentTableRight {
|
||||
padding-top: 3.5em;
|
||||
padding-left: 4.0em;
|
||||
padding-right: 8.0em;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1500px) {
|
||||
|
||||
.contentTableRight {
|
||||
padding-top: 3.5em;
|
||||
padding-left: 4.0em;
|
||||
padding-right: 6.0em;
|
||||
}
|
||||
|
||||
.contentPage .contentPageBanner .bannerBox .bannerBoxTitle {
|
||||
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 {
|
||||
font-size: 2.5em;
|
||||
}
|
||||
|
||||
.contentPage .contentPageBanner .bannerBox .bread {
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
.contentTableLeft {
|
||||
padding-left: 3em;
|
||||
padding-top: 3em;
|
||||
}
|
||||
|
||||
.contentTableRight {
|
||||
padding-top: 3em;
|
||||
padding-left: 4.0em;
|
||||
padding-right: 4.0em;
|
||||
}
|
||||
|
||||
.contentPage > .contentTable .bottomTwoColumn div.column {
|
||||
.contentPage>.contentTable .bottomTwoColumn div.column {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.contentPage > .contentTable .bottomTwoColumn div.column:first-child {
|
||||
.contentPage>.contentTable .bottomTwoColumn div.column:first-child {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* SMALL LAPTOPS */
|
||||
@media only screen and (max-width: 992px) {
|
||||
|
||||
/* SMALL LAPTOPS */
|
||||
|
||||
@media only screen and (max-width: 992px) {
|
||||
.contentTableLeft {
|
||||
padding-left: 2em;
|
||||
}
|
||||
|
||||
.contentTableRight {
|
||||
padding-top: 4.5em;
|
||||
padding-left: 3em;
|
||||
padding-right: 2em;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* LARGE TABLETS */
|
||||
@media only screen and (max-width: 768px) {
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.contentPage {
|
||||
padding-top: 5.5em;
|
||||
}
|
||||
|
||||
.contentPage .contentPageBanner .bannerBox .bannerBoxHeadline {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.contentPage .contentPageBanner .bannerBox .bread {
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.pageBannerMobile {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
|
||||
border: none;
|
||||
}
|
||||
|
||||
img.pageBanner {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.contentTableLeft {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.contentTableRight {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.contentTableLeft > div > #navBreadcrumb {
|
||||
.contentTableLeft>div>#navBreadcrumb {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.accordion {
|
||||
padding: 2em;
|
||||
}
|
||||
|
||||
.accordion:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.accordion > ul > li > ul.categoryItems > li > a {
|
||||
.accordion>ul>li>ul.categoryItems>li>a {
|
||||
width: 100%;
|
||||
padding: 1em 0; }
|
||||
|
||||
.accordion .triangleLeft, .triangleOverlay {
|
||||
padding: 1em 0;
|
||||
}
|
||||
.accordion .triangleLeft,
|
||||
.triangleOverlay {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.linkContactUs {
|
||||
display: inline-block !important;
|
||||
text-decoration: underline !important;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.contentPage > .contentTable .bottomTwoColumn div.column p.contactUs {
|
||||
.contentPage>.contentTable .bottomTwoColumn div.column p.contactUs {
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 620px) {
|
||||
.contentPage .contentPageBanner .bannerBox .bannerBoxTitle {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.contentPage .contentPageBanner .bannerBox .bread {
|
||||
width: 95%;
|
||||
}
|
||||
}
|
||||
|
||||
/* PHONES */
|
||||
@media only screen and (max-width: 480px) {
|
||||
|
||||
/* PHONES */
|
||||
|
||||
@media only screen and (max-width: 480px) {
|
||||
.contentPage {
|
||||
padding-top: 4em;
|
||||
padding-bottom: 0;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
|
||||
.contentTableLeft {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.contentPage .contentPageBanner .bannerBox .bannerBoxTitle {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.contentPage .contentPageBanner .bannerBox .bread {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.triangle {
|
||||
border-top: 0.4em solid transparent;
|
||||
border-bottom: 0.4em solid transparent;
|
||||
|
||||
border-left: 0.4em solid #ee3224;
|
||||
margin-right: 0.6em;
|
||||
}
|
||||
|
||||
.categoryItems {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.accordion {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.accordion div.mobileContent .seekJobWrapper {
|
||||
margin-top: 2em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.accordion div.mobileContent a.seekJob {
|
||||
display: block;
|
||||
padding: 1.2em;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 380px) {
|
||||
|
||||
.contentPage > .contentTable .productCustomers .customerIcons img {
|
||||
.contentPage>.contentTable .productCustomers .customerIcons img {
|
||||
height: 2.5em;
|
||||
}
|
||||
.contentPage > .contentTable .productCustomers .customerIcons img.shorter {
|
||||
.contentPage>.contentTable .productCustomers .customerIcons img.shorter {
|
||||
height: 1.5em;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* END NEW BY MARK */
|
||||
BIN
src/assets/img/iot1.jpg
Normal file
BIN
src/assets/img/iot1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 113 KiB |
BIN
src/assets/img/iot2.jpg
Normal file
BIN
src/assets/img/iot2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 121 KiB |
@@ -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
4
src/assets/static/jquery.js
vendored
File diff suppressed because one or more lines are too long
@@ -1,17 +1,20 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="footer">
|
||||
<div class="footer">
|
||||
<div class="row1">
|
||||
<div class="pageWidth">
|
||||
<table class="footerTable">
|
||||
<thead class="bread desktop smallDesktop">
|
||||
<tr><th >我们的办公室</th>
|
||||
<tr>
|
||||
<th>我们的办公室</th>
|
||||
<th>快速链接</th>
|
||||
</tr></thead>
|
||||
<tbody><tr>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="stackable">
|
||||
<ul class="quickLinks bread">
|
||||
<li v-for="item in contactData" :key="item.name" >
|
||||
<li v-for="item in contactData" :key="item.name">
|
||||
<label>{{item.name+"："}}</label>
|
||||
<label>{{item.value}}</label>
|
||||
</li>
|
||||
@@ -21,11 +24,14 @@
|
||||
<td class="quickLinksContainer">
|
||||
<div class="mobile mobileFooterTitle bread">Snabblänkar</div>
|
||||
<ul class="quickLinks bread">
|
||||
<li v-for="menu in menus" :key="menu.name" >
|
||||
<li v-for="menu in menus" :key="menu.name">
|
||||
<router-link :to="menu.url">{{menu.name}}</router-link>
|
||||
</li>
|
||||
</ul>
|
||||
</td></tr></tbody></table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -38,7 +44,7 @@
|
||||
<!-- container for support and content forms -->
|
||||
<div id="forms">
|
||||
<!-- SUPPORT FORM -->
|
||||
<div id="formContactContainer" class="formContainer bottomShadow">
|
||||
<div id="formContactContainer" class="formContainer bottomShadow">
|
||||
|
||||
<span class="btnQuitForm">X</span>
|
||||
|
||||
@@ -142,32 +148,32 @@
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- SUPPORT FORM --> </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 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>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
menus: window.config.menus,
|
||||
contactData: [
|
||||
{ name: "地址", value: "上海市宝山区顾村" },
|
||||
{ name: "手机", value: "13817819452" },
|
||||
{ name: "邮箱", value: "Zhp@bimwe.com" }
|
||||
{ name: '地址', value: '上海市宝山区顾村' },
|
||||
{ name: '手机', value: '13817819452' },
|
||||
{ name: '邮箱', value: 'Zhp@bimwe.com' },
|
||||
],
|
||||
|
||||
};
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
@@ -1,17 +1,24 @@
|
||||
<template>
|
||||
<div>
|
||||
|
||||
<div class="header bottomShadow">
|
||||
<div class="header bottomShadow">
|
||||
<div class="content pageWidth">
|
||||
<div class="top">
|
||||
<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>
|
||||
<a href="tel:13817819452">13817819452</a></span> <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">
|
||||
</td>
|
||||
<td class="searchContainer desktop">
|
||||
<input type="text" class="search" placeholder="Sök" style="margin-left:1em;width:10em">
|
||||
</td></tr></tbody></table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<!-- BOTTOM - DESKTOP -->
|
||||
@@ -26,12 +33,12 @@
|
||||
<table class="mainMenu">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="h2" v-for="menu in menus" :key="menu.name" >
|
||||
<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" >
|
||||
<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>
|
||||
@@ -62,13 +69,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<div id="mobileMenu" class="headerMobileMenu bread">
|
||||
<div class="menuDummy"></div><div class="menuContent">
|
||||
<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>
|
||||
<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" >
|
||||
<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>
|
||||
@@ -82,27 +90,27 @@
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { common } from "../assets/static/common";
|
||||
import { common } from '../static/common';
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
menus: window.config.menus
|
||||
menus: window.config.menus,
|
||||
};
|
||||
},
|
||||
mounted: function() {
|
||||
mounted: function () {
|
||||
common.init();
|
||||
common.initListeners();
|
||||
common.initHeader();
|
||||
common.initForms();
|
||||
common.initMobileMenu();
|
||||
common.adjustElementsForScreen();
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
@@ -1,22 +1,25 @@
|
||||
<template>
|
||||
|
||||
|
||||
<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">
|
||||
<li class="category" v-for=" sonmenu in curMenu.child" :key="sonmenu.name" >
|
||||
<router-link :to="sonmenu.url" :class="sonmenu.strong" >
|
||||
<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>
|
||||
<h1> {{sonmenu.name}}</h1>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -25,8 +28,8 @@
|
||||
|
||||
</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 {
|
||||
@@ -34,33 +37,34 @@ export default {
|
||||
isMobile: false,
|
||||
curMenu: null,
|
||||
curChildMenu: null,
|
||||
strong: ""
|
||||
strong: '',
|
||||
};
|
||||
},
|
||||
created: function() {
|
||||
created: function () {
|
||||
this.Init();
|
||||
},
|
||||
methods: {
|
||||
Init: function() {
|
||||
Init: function () {
|
||||
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;
|
||||
});
|
||||
|
||||
this.curChildMenu = this.curMenu.child.find(p => {
|
||||
this.curChildMenu = this.curMenu.child.find((p) => {
|
||||
return p.url.indexOf(path[2]) > 0;
|
||||
});
|
||||
|
||||
this.curMenu.child.map(p => {
|
||||
p.strong = "categoryHead h2 linkProduct";
|
||||
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.curChildMenu.strong =
|
||||
'categoryHead h2 linkProduct strong';
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
12
src/main.js
12
src/main.js
@@ -1,21 +1,15 @@
|
||||
|
||||
import './assets/css/cookieconsent.min.css'
|
||||
import './assets/css/common.css'
|
||||
import 'swiper/dist/css/swiper.css'
|
||||
|
||||
import './assets/static/config.js'
|
||||
import './assets/static/jquery.js'
|
||||
import './assets/static/common.js'
|
||||
|
||||
import './static/config.js'
|
||||
import 'es6-promise/auto'
|
||||
|
||||
|
||||
import Vue from 'vue'
|
||||
import App from './App.vue'
|
||||
import Vuex from 'vuex'
|
||||
import router from './router'
|
||||
|
||||
import {component} from './component'
|
||||
import { component } from './component'
|
||||
|
||||
Vue.config.productionTip = false;
|
||||
|
||||
@@ -27,5 +21,5 @@ component.register();
|
||||
|
||||
new Vue({
|
||||
router,
|
||||
render: h => h(App)
|
||||
render: h => h(App),
|
||||
}).$mount('#app')
|
||||
381
src/static/common.js
Normal file
381
src/static/common.js
Normal 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();
|
||||
@@ -8,19 +8,15 @@ window.config = {
|
||||
name: "我们的方案",
|
||||
url: "/ourPlan",
|
||||
child: [{
|
||||
name: "设施管理",
|
||||
url: "/ourPlan/facilityManagement",
|
||||
},
|
||||
{
|
||||
name: "房地产",
|
||||
name: "三维展示",
|
||||
url: "/ourPlan/reaEstate",
|
||||
},
|
||||
{
|
||||
name: "物业管理",
|
||||
name: "房地产和物业管理",
|
||||
url: "/ourPlan/estateManagement",
|
||||
},
|
||||
{
|
||||
name: "系统智能建筑和物联网（iot）",
|
||||
name: "物联网（iot）",
|
||||
url: "/ourPlan/iot",
|
||||
},
|
||||
{
|
||||
@@ -1,38 +1,25 @@
|
||||
<template>
|
||||
<div >
|
||||
<leftMenu > </leftMenu>
|
||||
<div>
|
||||
<leftMenu> </leftMenu>
|
||||
<icontent>
|
||||
<div class="row left">
|
||||
<div class="col-md-12">
|
||||
<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 class="nav_div"><label style="font-family:'Microsoft YaHei';font-weight:100;">您好</label><label style="font-family:'Microsoft YaHei';font-weight:100;"> HELLO!</label></p>
|
||||
</div>
|
||||
<div class="form-group cav_contact_div1" style="text-align:left">
|
||||
感谢您来到上海丙维科技有限公司，若您有合作意向，请您用以下方式联系我们，我们为您提供真诚的服务，谢谢。
|
||||
</div>
|
||||
</div>
|
||||
<h3 data-v-7630ff5e="" data-v-41de0e1c=""> 我们是谁？</h3>
|
||||
<p data-v-7630ff5e="" data-v-41de0e1c="">
|
||||
我们是一家员工所有的公司，其业务围绕着许多核心价值观。可持续性，平等和合作是其中的一部分。我们业务的很大一部分是基于与客户共同寻找创新解决方案，使客户能够降低能耗。我们有很多技巧。通过将我们的技能与客户技能相结合，我们帮助客户简化其物业，房地产和设施管理流程。
|
||||
</p>
|
||||
<h3 data-v-7630ff5e="" data-v-41de0e1c="">我们做什么</h3>
|
||||
<p data-v-7630ff5e="" data-v-41de0e1c="">
|
||||
我们开发IT解决方案和服务，用于管理房地产，房地产和设施管理中的战略信息。我们还在智能建筑和物业及设施管理领域从事商业咨询。借助最新技术，我们可以创建解决方案和平台，帮助客户将其业务数字化。
|
||||
</p>
|
||||
<h3 data-v-7630ff5e="" data-v-41de0e1c="">
|
||||
我们的愿景和经营理念
|
||||
</h3>
|
||||
<p data-v-7630ff5e="" data-v-41de0e1c="">
|
||||
我们将在物业，房地产和设施管理方面提供最好的服务和解决方案。我们决心拥有传统和保守的部门，以了解持续和自动数据收集和分析的必要性。
|
||||
|
||||
<div class="col-md-6 col-sm-6 ">
|
||||
<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¢er=121.425276,31.438629&zoom=13 " />
|
||||
</div>
|
||||
</p>
|
||||
|
||||
</icontent>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</template>
|
||||
@@ -42,7 +29,7 @@ export default {
|
||||
data() {
|
||||
return {};
|
||||
},
|
||||
mounted: function() {}
|
||||
mounted: function () {},
|
||||
};
|
||||
</script>
|
||||
|
||||
@@ -76,7 +63,7 @@ export default {
|
||||
.cav_contact_ul > li {
|
||||
list-style: none;
|
||||
padding-top: 14px;
|
||||
font-family: "Microsoft YaHei";
|
||||
font-family: 'Microsoft YaHei';
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
@@ -1,7 +1,9 @@
|
||||
<template>
|
||||
<div>
|
||||
<leftMenu > </leftMenu>
|
||||
<leftMenu> </leftMenu>
|
||||
<icontent>
|
||||
<p> 丙维科技一直致力于成为一个有吸引力的雇主。</p>
|
||||
<p> 我们是一家信奉环境和性别平等的公司。有了我们，您始终有机会成长和发展。我们一直在寻找新员工。如果您有兴趣加入我们的团队，请随时与我们联系。</p>
|
||||
</icontent>
|
||||
</div>
|
||||
|
||||
@@ -12,13 +14,9 @@ export default {
|
||||
data() {
|
||||
return {};
|
||||
},
|
||||
mounted: function() {
|
||||
|
||||
|
||||
}
|
||||
mounted: function () {},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
|
||||
@@ -1,20 +1,24 @@
|
||||
<template>
|
||||
<div>
|
||||
<leftMenu> </leftMenu>
|
||||
<icontent></icontent>
|
||||
<icontent>
|
||||
|
||||
<p> 我们的解决方案是比亚迪解决方案（自带设备解决方案）。</p>
|
||||
|
||||
<p> 我们开发了可用于管理设施管理中日常工作的应用程序。</p>
|
||||
|
||||
<p> 通过我们的解决方案，您可以随时随地履行职责。</p>
|
||||
</icontent>
|
||||
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
}
|
||||
return {};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
@@ -7,13 +7,10 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
}
|
||||
return {};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
@@ -1,32 +1,16 @@
|
||||
<template>
|
||||
<div>
|
||||
<ihead></ihead>
|
||||
<div class="banner">
|
||||
<swiper ref="swiper" :options="swiperOption" >
|
||||
<swiper-slide v-for="banner in banners" :key="banner.img" >
|
||||
<div class="banner">
|
||||
<swiper ref="swiper" :options="swiperOption">
|
||||
<swiper-slide v-for="banner in banners" :key="banner.img">
|
||||
<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>
|
||||
|
||||
<div class="directionControl swiper-button-prev" slot="button-prev"> </div>
|
||||
<div class="directionControl swiper-button-next" slot="button-next" > </div>
|
||||
<div class="directionControl swiper-button-next" slot="button-next"> </div>
|
||||
<div class="swiper-pagination" slot="pagination"> </div>
|
||||
</swiper>
|
||||
</swiper>
|
||||
|
||||
</div>
|
||||
|
||||
@@ -38,12 +22,13 @@
|
||||
|
||||
<div id="pageBoxesContainer" class="page pageBoxes">
|
||||
|
||||
<div class="box" v-for="product in productData" :key="product.name" >
|
||||
<img width="100%" :src="product.img"/>
|
||||
<div class="box" v-for="product in productData" :key="product.name">
|
||||
<img width="100%" :src="product.img" />
|
||||
<div class="boxTableHeader">
|
||||
<div class="h2">{{product.name}}</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>
|
||||
<ifooter></ifooter>
|
||||
@@ -58,71 +43,68 @@ export default {
|
||||
swiperOption: {
|
||||
autoplay: 2000,
|
||||
speed: 1000,
|
||||
loop:true,
|
||||
loop: true,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next", //前进按钮的css选择器或HTML元素。
|
||||
prevEl: ".swiper-button-prev" //后退按钮的css选择器或HTML元素。
|
||||
nextEl: '.swiper-button-next', //前进按钮的css选择器或HTML元素。
|
||||
prevEl: '.swiper-button-prev', //后退按钮的css选择器或HTML元素。
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
type: "bullets",
|
||||
bulletElement: "li",
|
||||
clickable: true
|
||||
}
|
||||
el: '.swiper-pagination',
|
||||
type: 'bullets',
|
||||
bulletElement: 'li',
|
||||
clickable: true,
|
||||
},
|
||||
},
|
||||
banners: [
|
||||
{ img: require("../assets/img/banner_index0.png") },
|
||||
{ img: require("../assets/img/banner_index1.png") },
|
||||
{ img: require("../assets/img/banner_index2.png") },
|
||||
{ img: require("../assets/img/banner_index3.png") }
|
||||
{ img: require('../assets/img/banner_index0.png') },
|
||||
{ img: require('../assets/img/banner_index1.png') },
|
||||
{ img: require('../assets/img/banner_index2.png') },
|
||||
{ img: require('../assets/img/banner_index3.png') },
|
||||
],
|
||||
productData: [
|
||||
{
|
||||
name: "设施管理",
|
||||
img: require("../assets/img/boxbg_facilitiesmanagement.png"),
|
||||
url: ""
|
||||
name: '智能终端',
|
||||
img: require('../assets/img/boxbg_cleaning.png'),
|
||||
url: '/超广角设备.pdf',
|
||||
isLink: true,
|
||||
},
|
||||
{
|
||||
name: "房地产",
|
||||
// img: require("../assets/img/boxbg_propertyandrealestate.jpg"),
|
||||
img: require("../assets/img/boxbg_errands.png"),
|
||||
url: ""
|
||||
name: '智能建筑',
|
||||
img: require('../assets/img/boxbg_smartbuildings.png'),
|
||||
url: '/IntelligentBuild',
|
||||
},
|
||||
|
||||
{
|
||||
name: '物联网',
|
||||
img: require('../assets/img/boxbg_iot.png'),
|
||||
url: '/ourPlan/iot',
|
||||
},
|
||||
{
|
||||
name: "智能建筑",
|
||||
img: require("../assets/img/boxbg_smartbuildings.png"),
|
||||
url: ""
|
||||
name: '模型管理',
|
||||
img: require('../assets/img/boxbg_facilitiesmanagement.png'),
|
||||
url: 'http://mor.bimwe.com/',
|
||||
},
|
||||
{
|
||||
name: "清洁管理",
|
||||
img: require("../assets/img/boxbg_cleaning.png"),
|
||||
url: ""
|
||||
name: '三维展示',
|
||||
img: require('../assets/img/boxbg_errands.png'),
|
||||
url: '/ourPlan/reaEstate',
|
||||
},
|
||||
|
||||
{
|
||||
name: "建筑系统",
|
||||
img: require("../assets/img/boxbg_propertyandrealestate.png"),
|
||||
url: ""
|
||||
name: '智慧系统',
|
||||
img: require('../assets/img/boxbg_propertyandrealestate.png'),
|
||||
url: 'http://soda.bimwe.com/',
|
||||
},
|
||||
{ name: "物联网", img: require("../assets/img/boxbg_iot.png"), url: "" }
|
||||
]
|
||||
],
|
||||
};
|
||||
},
|
||||
|
||||
methods: {
|
||||
onSlideChangeStart(currentPage) {
|
||||
|
||||
},
|
||||
onSlideChangeEnd(currentPage) {
|
||||
|
||||
}
|
||||
}
|
||||
methods: {},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
.swiper-pagination
|
||||
{
|
||||
.swiper-pagination {
|
||||
bottom: 10%;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1,19 +1,22 @@
|
||||
<template>
|
||||
<div>
|
||||
<leftMenu> </leftMenu>
|
||||
<icontent></icontent>
|
||||
<icontent>
|
||||
<p> 房地产和物业是涵盖多个学科的专业，旨在确保建筑环境的功能。这是通过将人员，地点，流程和技术相互整合来实现的。</p>
|
||||
|
||||
<p> 无论您是购买，出售，租赁还是翻新您的房产，我们的解决方案都可以帮助您根据显示趋势和实时数据的当前图形关键指标做出明智的决策。</p>
|
||||
|
||||
<p> 在我们的解决方案中，所有功能都完全集成在一起，但也可以单独使用。</p>
|
||||
</icontent>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
}
|
||||
return {};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
@@ -7,13 +7,12 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
msg: "Welcome to Your Vue.js App"
|
||||
msg: 'Welcome to Your Vue.js App',
|
||||
};
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
@@ -1,21 +1,26 @@
|
||||
<template>
|
||||
<div>
|
||||
<leftMenu> </leftMenu>
|
||||
<icontent></icontent>
|
||||
</div>
|
||||
<icontent>
|
||||
<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>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
msg: "Welcome to Your Vue.js App"
|
||||
msg: 'Welcome to Your Vue.js App',
|
||||
};
|
||||
},
|
||||
mounted: function() {
|
||||
debugger;
|
||||
}
|
||||
mounted() {},
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div>
|
||||
<ihead></ihead>
|
||||
<div class="contentPage">
|
||||
<div class="contentPage">
|
||||
|
||||
<div class="contentTable">
|
||||
<router-view></router-view>
|
||||
@@ -9,16 +9,15 @@
|
||||
</div>
|
||||
<ifooter></ifooter>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
msg: "Welcome to Your Vue.js App"
|
||||
msg: 'Welcome to Your Vue.js App',
|
||||
};
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
@@ -1,20 +1,25 @@
|
||||
<template>
|
||||
<div>
|
||||
<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>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
msg: "Welcome to Your Vue.js App"
|
||||
};
|
||||
}
|
||||
return {};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.video {
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
@@ -1,18 +1,20 @@
|
||||
<template>
|
||||
<div>
|
||||
<leftMenu> </leftMenu>
|
||||
<icontent></icontent>
|
||||
</div>
|
||||
<icontent>
|
||||
<p> 我们所有的解决方案都基于最新技术，完全基于云的SaaS服务。为了传递数据和图形，可以对所有类型的系统进行基于Web服务的集成。</p>
|
||||
<p> 我们强大的移动应用程序使用我们的GeoModel来可视化图形。有关我们的GeoModel的更多信息，请参阅“智能建筑和物联网”这一点。</p>
|
||||
</icontent>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
msg: "Welcome to Your Vue.js App"
|
||||
msg: 'Welcome to Your Vue.js App',
|
||||
};
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user