Skip to content

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

initial commit

parent b2736233
Expand all Show 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 @@
width: 0px;
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-family: 'Europe';
src: url('./Fonts/6509.TTF') format('truetype');
font-family: "Europe";
src: url("./Fonts/6509.TTF") format("truetype");
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: 'BebasNeueBold';
src: url('./Fonts/9114.OTF') format('opentype');
font-family: "BebasNeueBold";
src: url("./Fonts/9114.OTF") format("opentype");
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: 'BebasNeue';
src: url('./Fonts/5114.TTF') format('truetype');
font-family: "BebasNeue";
src: url("./Fonts/5114.TTF") format("truetype");
font-style: normal;
font-weight: normal;
}
@media only screen and (min-width: 320px) and (max-width: 1399px) {
#navigator{
position: absolute;
padding: 2em;
padding: 1em;
z-index: 100;
}
.navig{
}
@media only screen and (min-width: 1400px) {
#navigator{
position: absolute;
padding: 1.7em;
z-index: 100;
}
}
.navig span{
font-size: 1.5em;
color:#fff;
font-weight: 500;
margin-right: 1em;
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{
color: #0ff;
text-decoration: none;
}
a.navig:hover {
a.navig:hover span{
color: #0ff;
text-decoration: double;
text-decoration: none;
background-size: 100% 2px;
}
.WidthNavigation{
width: 40vw;
margin: 0 auto;
}
.router-link-exact-active {
.router-link-exact-active span{
color: red;
}
a.router-link-exact-active:hover {
a.router-link-exact-active:hover span{
color: red;
}
div#logotip_div{
max-width: 24vw;
}
img#logotip{
max-width: 500px;
width: 33vw;
pointer-events: none;
}
#app div.section{
background-image: url('./Background.jpg') ;
background-image: url('./source/Background.jpg') ;
background-size: cover;
}
......@@ -79,19 +113,77 @@
.fade-enter, .fade-leave-active {
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>
<div id="app">
<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">
<router-link class="navig" @click.native="Up()" to="/" exact>Главная</router-link>
<router-link class="navig" @click.native="Up()" to="/product">Продукция</router-link>
<router-link class="navig" @click.native="Up()" to="/files">Файлы</router-link>
<a href="#" class="navig" @click="" a>Контакты</a>
<!-- <pre style="color:#fff; position: absolute;">{{$data}}</pre> -->
<transition name="fade">
<div v-if="!mobile" id="logotip_div" class="WidthNavigation col-md-3">
<!-- <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>
</transition>
</nav>
<transition name="fade">
<router-view ref="page"></router-view>
......@@ -100,5 +192,20 @@
<script src="dist/build.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>
<!-- 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>
</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'
import Main from './Main.vue'
import Product from './Product.vue'
import Files from './Files.vue'
import MainSVG from './imgMain/Main.svg';
import Contact from './Contact.vue'
Vue.use(VueRouter)
......@@ -20,6 +20,7 @@ const router = new VueRouter({
{ path: '/', name:'Main', component: Main },
{ path: '/product', name:'Product', component: Product },
{ path: '/files', name:'Files', component: Files },
{ path: '/contact', name:'Contact', component: Contact },
]
})
......@@ -33,10 +34,12 @@ new Vue({
menu: '#testing',
},
components: {
MainSVG,
// MainSVG,
// ContactSVG,
},
data:{
mobile: false,
first: true,
},
created: function (){
this.Before();
......
src/svgMain.vue
View file @ 838d2f14
<template>
<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 id="LT">
......@@ -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>
<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;">
......@@ -66,7 +66,7 @@
</foreignObject>
</switch>
</g>
<g id="RM" class="ololo" transform="translate(631.5,135.5)">
<g id="RM" class="ololo" transform="translate(610,130)">
<switch>
<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;">
......@@ -77,7 +77,7 @@
</foreignObject>
</switch>
</g>
<g id="RB" class="ololo" transform="translate(631.5,273.5)">
<g id="RB" class="ololo" transform="translate(610,268.5)">
<switch>
<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;">
......@@ -88,7 +88,7 @@
</foreignObject>
</switch>
</g>
<g id="LB" class="ololo" transform="translate(1.5,270.5)">
<g id="LB" class="ololo" transform="translate(15,267.5)">
<switch>
<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;">
......@@ -99,7 +99,7 @@
</foreignObject>
</switch>
</g>
<g id="LM" class="ololo" transform="translate(69.5,133.5)">
<g id="LM" class="ololo" transform="translate(82,130)">
<switch>
<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;">
......@@ -110,7 +110,7 @@
</foreignObject>
</switch>
</g>
<g id="LT" class="ololo" transform="translate(52.5,5.5)">
<g id="LT" class="ololo" transform="translate(64,-2)">
<switch>
<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;">
......@@ -150,5 +150,9 @@ export default {
/* height: 200px; */
top:-520px;
}
svg#MainSVG{
width: 100%;
height: 82vh;
}
/* width="350" height="200" x="0" y="0" */
</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