Skip to content

N
NewSite
Commit 838d2f14 authored by Sergey Serov's avatar Sergey Serov
Browse files
Options

initial commit

parent b2736233
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1016 additions and 352 deletions
.vscode/launch.json 0 → 100644
View file @ 838d2f14
{
// Используйте IntelliSense, чтобы узнать о возможных атрибутах.
// Наведите указатель мыши, чтобы просмотреть описания существующих атрибутов.
// Для получения дополнительной информации посетите: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Launch Program",
"program": "${file}"
}
]
}
\ No newline at end of file
index.html
View file @ 838d2f14
...@@ -13,55 +13,89 @@ ...@@ -13,55 +13,89 @@
width: 0px; width: 0px;
background: transparent; background: transparent;
} }
body{
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
font-family: Arial, Helvetica, sans-serif;
}
@font-face { @font-face {
font-family: 'Europe'; font-family: "Europe";
src: url('./Fonts/6509.TTF') format('truetype'); src: url("./Fonts/6509.TTF") format("truetype");
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
} }
@font-face { @font-face {
font-family: 'BebasNeueBold'; font-family: "BebasNeueBold";
src: url('./Fonts/9114.OTF') format('opentype'); src: url("./Fonts/9114.OTF") format("opentype");
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
} }
@font-face { @font-face {
font-family: 'BebasNeue'; font-family: "BebasNeue";
src: url('./Fonts/5114.TTF') format('truetype'); src: url("./Fonts/5114.TTF") format("truetype");
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
} }
#navigator{
position: absolute; @media only screen and (min-width: 320px) and (max-width: 1399px) {
padding: 2em; #navigator{
z-index: 100; position: absolute;
padding: 1em;
z-index: 100;
}
}
@media only screen and (min-width: 1400px) {
#navigator{
position: absolute;
padding: 1.7em;
z-index: 100;
}
} }
.navig{ .navig span{
font-size: 1.5em; font-size: 1.5em;
color:#fff; color:#fff;
font-weight: 500; font-weight: 500;
margin-right: 1em; margin-right: 1em;
transition: 0.3s; transition: 0.3s;
text-decoration: none;
background-image: linear-gradient(currentColor, currentColor);
background-position: 0% 100%;
background-repeat: no-repeat;
background-size: 0% 2px;
} }
a.navig:hover { a.navig:hover{
color: #0ff; color: #0ff;
text-decoration: double; text-decoration: none;
}
a.navig:hover span{
color: #0ff;
text-decoration: none;
background-size: 100% 2px;
} }
.WidthNavigation{ .WidthNavigation{
width: 40vw; width: 40vw;
margin: 0 auto; margin: 0 auto;
} }
.router-link-exact-active { .router-link-exact-active span{
color: red; color: red;
} }
a.router-link-exact-active:hover { a.router-link-exact-active:hover span{
color: red; color: red;
} }
div#logotip_div{
max-width: 24vw;
}
img#logotip{
max-width: 500px;
width: 33vw;
pointer-events: none;
}
#app div.section{ #app div.section{
background-image: url('./Background.jpg') ; background-image: url('./source/Background.jpg') ;
background-size: cover; background-size: cover;
} }
...@@ -70,28 +104,86 @@ ...@@ -70,28 +104,86 @@
.fade-enter-active, .fade-leave-active { .fade-enter-active, .fade-leave-active {
transition-property: opacity; transition-property: opacity;
transition-duration: 0.20s; transition-duration: 0.20s;
} }
.fade-enter-active { .fade-enter-active {
transition-delay: 0.20s; transition-delay: 0.20s;
} }
.fade-enter, .fade-leave-active { .fade-enter, .fade-leave-active {
opacity: 0; opacity: 0;
} }
.main-fade-enter-active {
transition: all .3s ease;
}
.main-fade-leave-active {
transition: all .8s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}
.main-fade-enter, .main-fade-leave-to
/* .main-fade-leave-active до версии 2.1.8 */ {
transform: translateX(10px);
opacity: 0;
}
@keyframes bounce-in {
0% {
transform: scale(0);
}
50% {
transform: scale(1.5);
}
100% {
transform: scale(1);
}
}
div#footer{
width: 100vw;
min-height: 50px;
height: 6vh;
background-color: #000;
position: absolute;
bottom: 0;
}
div#footer div {
color: white;
width: 50vw;
margin: 0 auto;
margin-top: 1%;
text-transform: uppercase;
font-weight: 600;
}
div#footer div img{
width: 2vw;
margin-left: 0.5vw;
margin-right: 0.5vw;
}
div#footer a{
color: white;
}
</style> </style>
<div id="app"> <div id="app">
<nav class="container-fluid" id="navigator"> <nav class="container-fluid" id="navigator">
<div class="row">
<div class="col-md-12 col-sm-12"></div>
<div class="WidthNavigation col-md-12 col-sm-12"> <div class="row">
<router-link class="navig" @click.native="Up()" to="/" exact>Главная</router-link> <!-- <pre style="color:#fff; position: absolute;">{{$data}}</pre> -->
<router-link class="navig" @click.native="Up()" to="/product">Продукция</router-link> <transition name="fade">
<router-link class="navig" @click.native="Up()" to="/files">Файлы</router-link> <div v-if="!mobile" id="logotip_div" class="WidthNavigation col-md-3">
<a href="#" class="navig" @click="" a>Контакты</a> <!-- <router-link style="display: block;" class="navig" @click.native="Up()" to="/" exact> -->
<img id="logotip" src="./source/Logo.png" />
<!-- </router-link> -->
</div>
</transition>
<div class="WidthNavigation col-md-7">
<router-link class="navig" @click.native="Up()" to="/" exact><span>Главная</span></router-link>
<router-link class="navig" @click.native="Up()" to="/product"><span>Продукция</span></router-link>
<router-link class="navig" @click.native="Up()" to="/files"><span>Материалы</span></router-link>
<router-link class="navig" to="/contact"><span>Контакты</span></router-link>
</div>
</div> </div>
</div> </transition>
</nav> </nav>
<transition name="fade"> <transition name="fade">
<router-view ref="page"></router-view> <router-view ref="page"></router-view>
...@@ -100,5 +192,20 @@ ...@@ -100,5 +192,20 @@
<script src="dist/build.js"></script> <script src="dist/build.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://unpkg.com/vue-fullpage.js/dist/vue-fullpage.min.js"></script> <script src="https://unpkg.com/vue-fullpage.js/dist/vue-fullpage.min.js"></script>
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(51301762, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
webvisor:true
});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/51301762" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
</body> </body>
</html> </html>
src/Contact.vue 0 → 100644
View file @ 838d2f14
<template>
<div id="app">
<full-page ref="fullpage" :options="options" id="fullpage">
<div class="section">
<div id="svg_contact">
<div style="">
<div id="map_contact">
<div id="yandex_map">
<iframe width="100%" height="100%" src="https://yandex.ru/map-widget/v1/?um=constructor%3A140c84673a3c947be2adf9e08ca48c6b17660cc8c5ef8e01d1546f7dd1c49382&amp;source=constructor" frameborder="0"></iframe>
</div>
</div>
<InsertSVG/>
</div>
</div>
<div id="footer">
<div>
<span><a href="tel:+74956415135">+7(495) 641 51 35</a>&nbsp&nbsp/&nbsp&nbsp<a href="mailto:info@ancprotek.ru">INFO@ANCPROTEK.RU</a><img src="./imgMain/LogoWhite.png"/>Россия, Москва, Шоссе Энтузиастов, 56с25</span>
</div>
</div>
</div>
</full-page>
</div>
</template>
<script>
import InsertSVG from './ContactSVG.vue';
export default {
name: 'app',
components: {
InsertSVG,
},
data () {
return {
msg: 'Contact',
options: {
},
}
},
methods:{
Before: function(){
this.mobile = this.$parent.mobile;
},
move: function(section){
this.$refs.fullpage.api.moveTo(section)
},
}
}
</script>
<style>
#app {
font-family: 'Avenir', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
}
#svg_contact{
max-width: 1600px;
margin: 0 auto;
}
#svg_contact #map_contact {
position: absolute;
width: 40vw;
height: 40vw;
max-width: 700px;
max-height: 700px;
overflow: auto;
margin-top: -6%;
margin-left: 14vw;
}
#svg_contact #yandex_map{
overflow: hidden;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
}
#svg_contact #yandex_map iframe{
border-radius: 50%;
/* height:inherit;
width:inherit; */
}
</style>
src/ContactSVG.vue 0 → 100644
View file @ 838d2f14
<template>
<div>
<svg id="contact" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="-0.5 -0.5 551 294">
<defs/>
<g>
<path d="M 1 154.5 L 201 34.5" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
<path d="M 1 154.5 L 281 154.5" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
<path d="M 1 154.5 L 201 274.5" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
<path d="M 281 274.5 L 201 274.5" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
<path d="M 281 34.5 L 201 34.5" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
<image x="270.5" y="0" width="40" height="40" xlink:href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPiYjeGE7PG1ldGFkYXRhPiBTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiA8L21ldGFkYXRhPiYjeGE7PGc+PHBhdGggc3R5bGU9ImZpbGw6IHdoaXRlOyIgZD0iTTQ5OS42LDEwYy0xOTkuOCwwLTM2Ni4xLDE4My0zMTQsMzg5LjZjNTksMjMzLjcsMzE1LjksNDk0LjYsMzE1LjksNDk0LjZTNzU0LDYzNC40LDgxNC4xLDQwMC44Qzg2Ny4yLDE5NC40LDY5OS40LDEwLDQ5OS42LDEweiBNNzcyLjEsMzg4LjljLTUxLjYsMjA1LjQtMjcwLjgsNDQxLjItMjcwLjgsNDQxLjJzLTIyMy0yMzguNC0yNzMuNi00NDMuOEMxODIuOSwyMDQuOCwzMjguMSw1Myw0OTkuNyw1M0M2NzEuMiw1Myw4MTcuNywyMDcuNiw3NzIuMSwzODguOXoiLz48cGF0aCBzdHlsZT0iZmlsbDogd2hpdGU7IiBkPSJNNDk5LjgsMTc0LjJjLTk5LjEsMC0xNzkuNCw4MC4zLTE3OS40LDE3OS40YzAsOTkuMSw4MC4zLDE3OS40LDE3OS40LDE3OS40czE3OS40LTgwLjMsMTc5LjQtMTc5LjRDNjc5LjIsMjU0LjUsNTk4LjksMTc0LjIsNDk5LjgsMTc0LjJ6IE00OTkuOCw0OTAuNWMtNzUuNiwwLTEzNi44LTYxLjMtMTM2LjgtMTM2LjhjMC03NS42LDYxLjMtMTM2LjgsMTM2LjgtMTM2LjhjNzUuNiwwLDEzNi44LDYxLjMsMTM2LjgsMTM2LjhDNjM2LjYsNDI5LjIsNTc1LjMsNDkwLjUsNDk5LjgsNDkwLjV6Ii8+PHBhdGggc3R5bGU9ImZpbGw6IHdoaXRlOyIgZD0iTTY0OS45LDc5Mi41Yzc1LjIsMTUuMSwxMjQuOSw0MSwxMjQuOSw3MC42YzAsNDYuNS0xMjMuMSw4NC4yLTI3NS4xLDg0LjJjLTE1MS45LDAtMjc1LTM3LjctMjc1LTg0LjJjMC0yOS4zLDQ4LjgtNTUuMSwxMjMtNzAuMmwtOS4zLTM5LjNjLTkzLjksMjIuMS0xNTcsNjIuOC0xNTcsMTA5LjVjMCw3MC4yLDE0Mi42LDEyNywzMTguNSwxMjdjMTc1LjksMCwzMTguNS01Ni44LDMxOC41LTEyN2MwLTQ2LjctNjMuMi04Ny41LTE1Ny4zLTEwOS41TDY0OS45LDc5Mi41eiIvPjwvZz4mI3hhOzwvc3ZnPg==" preserveAspectRatio="none" pointer-events="none"/>
<image x="276.5" y="138" width="28" height="28" xlink:href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPiYjeGE7PG1ldGFkYXRhPiBTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiA8L21ldGFkYXRhPiYjeGE7PGc+PHBhdGggc3R5bGU9ImZpbGw6IHdoaXRlOyIgZD0iTTc4My4zLDk5MGgtMTEuNWMtNjUuMSwwLTE1OC45LTMwLjYtMjYwLjMtODIuM2MtOTcuNi00NS45LTE5My4zLTExNC44LTI0OC44LTE3MC40QzIwMy4zLDY3OCwxNDIuMSw1ODgsOTAuNCw0ODYuNkMzOC43LDM4NS4yLDEwLDI5MS40LDEwLDIyOC4ydi0xMS41bDUuNy05LjZjMS45LDAsMzAuNi00OS44LDcwLjgtOTMuOEMxMjYuOCw2My42LDE4MC40LDEwLDIyOC4yLDEwYzQ1LjksMCw5My44LDQyLjEsMTI0LjQsNjdjMTkuMSwxOS4xLDc0LjYsNzAuOCw5NS43LDEyOC4yYzI0LjksNjEuMiwzLjgsOTUuNy0xMS41LDExMWMtMjQuOSwyNC45LTUzLjYsNDQtNzIuNyw1My42Yy0zMi41LDIxLjEtMzYuNCwyNC45LTM2LjQsMzguM2MwLDQ0LDU1LjUsMTAxLjQsMTA5LjEsMTU1YzUzLjYsNTMuNiwxMTEsMTA5LjEsMTUzLjEsMTA5LjFjMTUuMywwLDE3LjItMy44LDM4LjMtMzYuNGMxNy4yLTIxLjEsMzAuNi00Ny45LDU1LjUtNzIuN2MxNS4zLTE1LjMsMzYuNC0yNC45LDU5LjMtMjQuOWMyMywwLDUxLjcsMTMuNCw4NC4yLDI4LjdjMjQuOSwxNS4zLDQ3LjksMzguMyw3NC43LDU5LjNjMjEsMjEuMSw4OCw5MS45LDg4LDE0My42YzAsNTEuNy01Ny40LDEwMy4zLTEwMy40LDE0My41Yy00Ny45LDM2LjQtOTEuOSw2OC45LTkzLjgsNjguOUw3ODMuMyw5OTB6IE04Ni42LDIzOS43YzUuNyw1My42LDMyLjUsMTI4LjIsNzIuNywyMTQuNGM0Ny45LDkwLDEwNS4zLDE3Mi4zLDE1NywyMjkuN2M1MS43LDUxLjcsMTM5LjcsMTExLDIyOS43LDE1Ni45Yzg0LjIsNDAuMiwxNjQuNiw3MC44LDIxNC40LDcwLjhjMTMuNC05LjYsNDUuOS0yOC43LDcyLjctNTUuNWM3MC44LTU1LjUsODAuNC04Mi4zLDgwLjQtODYuMWMwLTkuNi0yMy00OS44LTY3LTkwYy00NC00NC05MC02NS4xLTEwMy40LTY1LjFjLTUuNy0xLjktMy44LDMuOC01LjcsMS45Yy0yMS4xLDIxLjEtMjguNyw0MC4yLTQ0LDU5LjNjLTIxLjEsMzIuNS00NCw3Mi43LTEwMy40LDcyLjdjLTc0LjYsMC0xNDcuNC02Ny0yMDYuNy0xMzIuMWMtNjctNjctMTMyLjEtMTMyLjEtMTMyLjEtMjA4LjZjMC01NS41LDM4LjMtODQuMiw3Mi43LTEwMy40YzE5LjEtOS42LDM4LjMtMjMsNTkuMy00NGMwLTEuOSwxLjktNS43LTMuOC0yMS4xYy05LjYtMjguNy0zOC4zLTY1LjEtNzQuNi0xMDEuNGMtMzYuNC0zNi40LTcwLjgtNTEuNy03NC42LTUxLjdjLTcuNywwLTI0LjksMTEuNS04OCw3OC41QzExOS4xLDE5My44LDk2LjEsMjI2LjMsODYuNiwyMzkuN0w4Ni42LDIzOS43eiBNNjIyLjUsMjU1Yy00NCwwLTc4LjUsMjEuMS0xMDMuNCw1NS41YzE1LjMtMTEuNSwzNC41LTkuNiw0OS44LTkuNmM3MC44LDAsMTMwLjIsNTUuNSwxMzAuMiwxMzAuMmMwLDE3LjItMy44LDMyLjUtOS42LDQ3LjljMzQuNS0xOS4xLDU1LjUtNjEuMiw1NS41LTEwMS40Qzc0NSwzMDguNiw2OTEuNCwyNTUsNjIyLjUsMjU1TDYyMi41LDI1NXogTTY1My4xLDEzMi41Yy02NywwLTEyMi41LDI2LjgtMTYyLjcsNzIuN2MzMi41LTE3LjIsNjctMjYuOCwxMDkuMS0yNi44YzEyMi41LDAsMjIyLDk3LjYsMjIyLDIyMmMwLDM2LjQtOS42LDc4LjUtMjguNywxMDcuMmM0NS45LTM2LjQsNzQuNi05OS41LDc0LjYtMTYwLjhDODY3LjUsMjI2LjMsNzY5LjksMTMyLjUsNjUzLjEsMTMyLjVMNjUzLjEsMTMyLjV6IE03MTQuNCwxMGMtODIuMywwLTE0OS4zLDM0LjQtMjAxLDg2LjFjNDIuMS0yNi44LDkxLjktNDAuMiwxNDcuNC00MC4yYzE1OC45LDAsMjgzLjMsMTI0LjQsMjgzLjMsMjgzLjNjMCw1NS41LTE1LjMsMTAxLjQtNDIuMSwxNDcuNGM1NS41LTUxLjcsODgtMTIyLjUsODgtMjAxQzk5MCwxMzAuNiw4NjUuNiwxMCw3MTQuNCwxMHoiLz48L2c+JiN4YTs8L3N2Zz4=" preserveAspectRatio="none" pointer-events="none"/>
<image x="280.5" y="259" width="33" height="33" xlink:href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPiYjeGE7PG1ldGFkYXRhPiBTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiA8L21ldGFkYXRhPiYjeGE7PGc+PHBhdGggc3R5bGU9ImZpbGw6IHdoaXRlOyIgZD0iTTkwMy42LDE4MC40SDk2LjVjLTQ3LjcsMC04Ni41LDM1LjgtODYuNSw3OS45djQ3OS40YzAsNDQsMzguOCw3OS45LDg2LjUsNzkuOWg4MDcuMWM0Ny42LDAsODYuNC0zNS45LDg2LjQtNzkuOVYyNjAuM0M5OTAsMjE2LjMsOTUxLjIsMTgwLjQsOTAzLjYsMTgwLjRMOTAzLjYsMTgwLjR6IE03Ny45LDczMC4zVjI4MGwyNDQuMywyMjUuOEgzMjJMNzcuOSw3MzEuNEM3Ny45LDczMSw3Ny45LDczMC42LDc3LjksNzMwLjNMNzcuOSw3MzAuM3ogTTE0Mi4xLDI1MC4zaDcxNS44TDUwMC4xLDU4MUwxNDIuMSwyNTAuM0wxNDIuMSwyNTAuM3ogTTM3My4zLDU0My4ybDEyNi43LDExNy4xbDEyNy4zLTExNy42bDIyMy42LDIwNi42SDE1MC40TDM3My4zLDU0My4yTDM3My4zLDU0My4yeiBNNjc5LjMsNTA1LjdoLTEuNWwyMzkuMS0yMjAuOXY0NDAuM0w2NzkuMyw1MDUuN0w2NzkuMyw1MDUuN3oiLz48L2c+JiN4YTs8L3N2Zz4=" preserveAspectRatio="none" pointer-events="none"/>
<g transform="translate(306.5,27.5)">
<switch>
<foreignObject style="overflow:visible;" pointer-events="all" width="231" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">
<font color="#ffffff">Ш. ЭНТУЗИАСТОВ, 56, СТР. 25, МОСКВА</font>
</div>
</div>
</foreignObject>
</switch>
</g>
<g transform="translate(315.5,145.5)">
<switch>
<foreignObject style="overflow:visible;" pointer-events="all" width="102" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">
<font color="#ffffff">+7 (495) 641 51 35</font>
</div>
</div>
</foreignObject>
</switch>
</g>
<g transform="translate(322.5,268.5)">
<switch>
<foreignObject style="overflow:visible;" pointer-events="all" width="136" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">
<font color="#ffffff">INFO@ANCPROTEK.RU</font>
</div>
</div>
</foreignObject>
</switch>
</g>
</g>
</svg>
</div>
</template>
<script>
export default {
name: 'app',
data () {
return {
msg: 'Product',
}
},
methods:{
test: function(section){
// alert(section);
this.$emit('move', section)
}
}
}
</script>
<style>
#world{
width: 400px;
/* height: 200px; */
top:-520px;
}
svg#contact{
width: 51vw;
margin-left: 28vw;
max-width: 700px;
}
/* width="350" height="200" x="0" y="0" */
</style>
src/Main.vue
View file @ 838d2f14
This diff is collapsed.
src/Product.vue
View file @ 838d2f14
This diff is collapsed.
src/main.js
View file @ 838d2f14
...@@ -7,7 +7,7 @@ import VueFullPage from 'vue-fullpage.js' ...@@ -7,7 +7,7 @@ import VueFullPage from 'vue-fullpage.js'
import Main from './Main.vue' import Main from './Main.vue'
import Product from './Product.vue' import Product from './Product.vue'
import Files from './Files.vue' import Files from './Files.vue'
import MainSVG from './imgMain/Main.svg'; import Contact from './Contact.vue'
Vue.use(VueRouter) Vue.use(VueRouter)
...@@ -20,6 +20,7 @@ const router = new VueRouter({ ...@@ -20,6 +20,7 @@ const router = new VueRouter({
{ path: '/', name:'Main', component: Main }, { path: '/', name:'Main', component: Main },
{ path: '/product', name:'Product', component: Product }, { path: '/product', name:'Product', component: Product },
{ path: '/files', name:'Files', component: Files }, { path: '/files', name:'Files', component: Files },
{ path: '/contact', name:'Contact', component: Contact },
] ]
}) })
...@@ -33,10 +34,12 @@ new Vue({ ...@@ -33,10 +34,12 @@ new Vue({
menu: '#testing', menu: '#testing',
}, },
components: { components: {
MainSVG, // MainSVG,
// ContactSVG,
}, },
data:{ data:{
mobile: false, mobile: false,
first: true,
}, },
created: function (){ created: function (){
this.Before(); this.Before();
......
src/svgMain.vue
View file @ 838d2f14
<template> <template>
<div> <div>
<svg id="MainSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1600" height="1100" viewBox="-0.5 -0.5 816 286"><defs/> <svg id="MainSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 -30 900 373"><defs/>
<g> <g>
<g id="LT"> <g id="LT">
...@@ -55,7 +55,7 @@ ...@@ -55,7 +55,7 @@
<g id="RT" class="ololo" transform="translate(631.5,3.5)"> <g id="RT" class="ololo" transform="translate(610, -2)">
<switch> <switch>
<foreignObject style="overflow:visible;" pointer-events="all" width="103" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> <foreignObject style="overflow:visible;" pointer-events="all" width="103" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap;"> <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap;">
...@@ -66,7 +66,7 @@ ...@@ -66,7 +66,7 @@
</foreignObject> </foreignObject>
</switch> </switch>
</g> </g>
<g id="RM" class="ololo" transform="translate(631.5,135.5)"> <g id="RM" class="ololo" transform="translate(610,130)">
<switch> <switch>
<foreignObject style="overflow:visible;" pointer-events="all" width="37" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> <foreignObject style="overflow:visible;" pointer-events="all" width="37" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap;"> <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap;">
...@@ -77,7 +77,7 @@ ...@@ -77,7 +77,7 @@
</foreignObject> </foreignObject>
</switch> </switch>
</g> </g>
<g id="RB" class="ololo" transform="translate(631.5,273.5)"> <g id="RB" class="ololo" transform="translate(610,268.5)">
<switch> <switch>
<foreignObject style="overflow:visible;" pointer-events="all" width="174" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> <foreignObject style="overflow:visible;" pointer-events="all" width="174" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap;"> <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap;">
...@@ -88,7 +88,7 @@ ...@@ -88,7 +88,7 @@
</foreignObject> </foreignObject>
</switch> </switch>
</g> </g>
<g id="LB" class="ololo" transform="translate(1.5,270.5)"> <g id="LB" class="ololo" transform="translate(15,267.5)">
<switch> <switch>
<foreignObject style="overflow:visible;" pointer-events="all" width="105" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> <foreignObject style="overflow:visible;" pointer-events="all" width="105" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap;"> <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap;">
...@@ -99,7 +99,7 @@ ...@@ -99,7 +99,7 @@
</foreignObject> </foreignObject>
</switch> </switch>
</g> </g>
<g id="LM" class="ololo" transform="translate(69.5,133.5)"> <g id="LM" class="ololo" transform="translate(82,130)">
<switch> <switch>
<foreignObject style="overflow:visible;" pointer-events="all" width="37" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> <foreignObject style="overflow:visible;" pointer-events="all" width="37" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap;"> <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap;">
...@@ -110,7 +110,7 @@ ...@@ -110,7 +110,7 @@
</foreignObject> </foreignObject>
</switch> </switch>
</g> </g>
<g id="LT" class="ololo" transform="translate(52.5,5.5)"> <g id="LT" class="ololo" transform="translate(64,-2)">
<switch> <switch>
<foreignObject style="overflow:visible;" pointer-events="all" width="54" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> <foreignObject style="overflow:visible;" pointer-events="all" width="54" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap;"> <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap;">
...@@ -150,5 +150,9 @@ export default { ...@@ -150,5 +150,9 @@ export default {
/* height: 200px; */ /* height: 200px; */
top:-520px; top:-520px;
} }
svg#MainSVG{
width: 100%;
height: 82vh;
}
/* width="350" height="200" x="0" y="0" */ /* width="350" height="200" x="0" y="0" */
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment