Commit fa7e66b7 authored by Sergey Serov's avatar Sergey Serov

Site

parents
Pipeline #89 canceled with stages
{
"presets": [
["env", { "modules": false }],
"stage-3"
]
}
root = true
[*]
charset = utf-8
indent_style = space
indent_size = 2
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true
.DS_Store
node_modules/
dist/
npm-debug.log
yarn-error.log
# Editor directories and files
.idea
*.suo
*.ntvs*
*.njsproj
*.sln
# anc
> A Vue.js project
## Build Setup
``` bash
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
```
For detailed explanation on how things work, consult the [docs for vue-loader](http://vuejs.github.io/vue-loader).
<!DOCTYPE html>
<html lang="En">
<head>
<meta charset="utf-8">
<title>Астрономический Научный Центр</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://unpkg.com/fullpage.js/dist/fullpage.min.css">
</head>
<body>
<style>
::-webkit-scrollbar{
width: 0px;
background: transparent;
}
#navigator{
position: absolute;
padding: 2em;
z-index: 100;
}
.navig{
font-size: 1.5em;
color:#fff;
font-weight: 500;
margin-right: 1em;
transition: 0.3s;
}
a.navig:hover {
color: #0ff;
text-decoration: double;
}
.WidthNavigation{
width: 40vw;
margin: 0 auto;
}
.router-link-exact-active {
color: red;
}
a.router-link-exact-active:hover {
color: red;
}
#app div.section:nth-child(1){
background-image: url('https://avatars.mds.yandex.net/get-pdb/1365646/1a872a74-7d13-4e55-9e63-f989750c7be1/s1200') ;
background-size: cover;
}
#app div.section:nth-child(2){
background-image: url('https://avatars.mds.yandex.net/get-pdb/33827/52103529-0bac-4df4-a5a2-09100d3a0817/s1200') ;
background-size: cover;
}
#app div.section:nth-child(3){
background-image: url('http://winallos.com/uploads/posts/2014-07/1406595737_663959-1920x1200.jpg') ;
background-size: cover;
}
#app div.section:nth-child(4){
background-image: url('https://hdqwalls.com/download/nebula-halo-planet-digital-space-art-7t-2560x1024.jpg') ;
background-size: cover;
}
#app div.section:nth-child(5){
background-image: url('https://hdwallpaperim.com/wp-content/uploads/2017/08/22/358584-universe-stars-space.jpg') ;
background-size: cover;
}
#app div.section:nth-child(6){
background-image: url('https://playntrade-a.akamaihd.net/jbimg/eee17aa844400c6e3f1bd6133a16a5a4.jpg') ;
background-size: cover;
}
#app div.section:nth-child(7){
background-image: url('https://images.wallpaperscraft.ru/image/planeta_oblaka_svet_zvezdy_94996_1680x1050.jpg') ;
background-size: cover;
}
.fade-enter-active, .fade-leave-active {
transition-property: opacity;
transition-duration: 0.20s;
}
.fade-enter-active {
transition-delay: 0.20s;
}
.fade-enter, .fade-leave-active {
opacity: 0;
}
</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" to="/" exact>Главная</router-link>
<router-link class="navig" to="/product">Продукция</router-link>
<router-link class="navig" to="/files">Файлы</router-link>
<a href="#" class="navig" @click="" a>Контакты</a>
</div>
</div>
</nav>
<transition name="fade">
<router-view></router-view>
</transition>
</div>
<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>
</body>
</html>
This diff is collapsed.
{
"name": "anc",
"description": "A Vue.js project",
"version": "1.0.0",
"author": "Sergey Serov <serov@ancprotek.ru>",
"license": "MIT",
"private": true,
"scripts": {
"dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
},
"dependencies": {
"vue": "^2.5.11",
"vue-fullpage.js": "^0.1.3",
"vue-resource": "^1.5.1",
"vue-router": "^3.0.6"
},
"browserslist": [
"> 1%",
"last 2 versions",
"not ie <= 8"
],
"devDependencies": {
"babel-core": "^6.26.0",
"babel-loader": "^7.1.2",
"babel-preset-env": "^1.6.0",
"babel-preset-stage-3": "^6.24.1",
"cross-env": "^5.0.5",
"css-loader": "^0.28.7",
"file-loader": "^1.1.4",
"vue-loader": "^13.0.5",
"vue-svg-loader": "^0.12.0",
"vue-template-compiler": "^2.4.4",
"webpack": "^3.6.0",
"webpack-dev-server": "^2.9.1"
}
}
<template>
<div id="app">
<full-page ref="fullpage" :options="options" id="fullpage">
<div class="section">
<img src="./assets/logo.png">
<h1>{{ msg }}</h1>
</div>
<div class="section">
<img src="./assets/logo.png">
<h1>{{ msg }}</h1>
</div>
</full-page>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<span>OLOLO</span>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</div>
</template>
<script>
export default {
name: 'app',
data () {
return {
msg: 'File',
}
}
}
</script>
<style>
#app {
font-family: 'Avenir', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
}
h1, h2 {
font-weight: normal;
}
ul {
list-style-type: none;
padding: 0;
}
li {
display: inline-block;
margin: 0 10px;
}
a {
color: #432464;
}
</style>
This diff is collapsed.
<template>
<div id="app">
<full-page ref="fullpage" :options="options" id="fullpage">
<div class="section">
<img src="./assets/logo.png">
<h1>{{ msg }}</h1>
</div>
<div class="section">
<img src="./assets/logo.png">
<h1>{{ msg }}</h1>
</div>
</full-page>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<span>OLOLO</span>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</div>
</template>
<script>
export default {
name: 'anc',
data () {
return {
msg: 'Product',
}
}
}
</script>
<style>
#app {
font-family: 'Avenir', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
}
h1, h2 {
font-weight: normal;
}
ul {
list-style-type: none;
padding: 0;
}
li {
display: inline-block;
margin: 0 10px;
}
a {
color: #432464;
}
</style>
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg 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/>
<g>
<g>
<!-- Левый Верхний -->
<path d="M 204 10 L 126.33 9.83" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
<path d="M 364 141 L 204.5 10" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
<ellipse cx="124" cy="10" rx="2.5" ry="2.5" fill="none" stroke="#ffffff" stroke-width="2" pointer-events="none"/>
</g>
<g>
<!-- Левый Средний -->
<path d="M 204 142.5 L 126.33 142.33" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
<path d="M 359 143 L 204 142.5" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
<ellipse cx="124" cy="143" rx="2.5" ry="2.5" fill="none" stroke="#ffffff" stroke-width="2" pointer-events="none"/>
</g>
<g>
<!-- Левый Нижний -->
<path d="M 361 144 L 204 278" fill="none" stroke="#fff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
<path d="M 204 278 L 126.33 278.17" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
<ellipse cx="124" cy="278" rx="2.5" ry="2.5" fill="none" stroke="#ffffff" stroke-width="2" pointer-events="none"/>
</g>
<g>
<!-- Правый Верхний -->
<path d="M 530 10 L 602.17 9.83" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
<path d="M 365 139 L 530 10" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
<ellipse cx="605" cy="10" rx="2.5" ry="2.5" fill="none" stroke="#ffffff" stroke-width="2" transform="rotate(180,605,10)" pointer-events="none"/>
</g>
<g>
<!-- Правый Средний -->
<path d="M 367 143 L 517 142.5" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
<path d="M 517 142.5 L 602.17 142.33" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
<ellipse cx="605" cy="143" rx="2.5" ry="2.5" fill="none" stroke="#ffffff" stroke-width="2" transform="rotate(180,605,142.5)" pointer-events="none"/>
</g>
<g>
<!-- Правый Нижний -->
<path d="M 602.17 279.83 L 521.7 280" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
<path d="M 365 146 L 521.5 280" fill="#none" stroke="#fff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
<ellipse cx="605" cy="280" rx="2.5" ry="2.5" fill="none" stroke="#ffffff" stroke-width="2" transform="rotate(180,605,280)" pointer-events="none"/>
</g>
<g transform="translate(631.5,3.5)">
<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;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">
<text color="#ffffff">РАСПОЛОЖЕНИЕ</text><br/>
</div>
</div>
</foreignObject>
</switch>
</g>
<g transform="translate(631.5,135.5)">
<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;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">
<text color="#ffffff">ЭОП-2</text><br />
</div>
</div>
</foreignObject>
</switch>
</g>
<g transform="translate(631.5,273.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;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">
<text class="TextExp">ЭКСПЕРИМЕНТАЛЬНАЯ БАЗА</text><br />
</div>
</div>
</foreignObject>
</switch>
</g>
<g transform="translate(1.5,270.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;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">
<text color="#ffffff">ПРИМЕРЫ РАБОТ</text><br />
</div>
</div>
</foreignObject>
</switch></g><g transform="translate(69.5,133.5)">
<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;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">
<text color="#ffffff">ЭОП-1</text><br />
</div>
</div>
</foreignObject>
</switch>
</g>
<g transform="translate(52.5,5.5)">
<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;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">
<text color="#ffffff">АО "АНЦ"</text><br />
</div>
</div>
</foreignObject>
</switch>
</g>
</g>
</svg>
\ No newline at end of file
import Vue from 'vue'
import VueRouter from 'vue-router'
import VueResource from 'vue-resource'
import 'fullpage.js/vendors/scrolloverflow' // Optional. When using scrollOverflow:true
// import './fullpage.scrollHorizontally.min' // Optional. When using fullpage extensions
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';
Vue.use(VueRouter)
Vue.use(VueResource)
Vue.use(VueFullPage);
const router = new VueRouter({
routes: [
{ path: '/', name:'Main', component: Main },
{ path: '/product', name:'Product', component: Product },
{ path: '/files', name:'Files', component: Files },
]
})
new Vue({
el: '#app',
router: router,
options: {
/* navigation: true, */
menu: '#testing',
},
components: {
MainSVG,
},
})
<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/>
<g>
<g id="LT">
<!-- Левый Верхний -->
<path d="M 204 10 L 126.33 9.83" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
<path d="M 364 141 L 204.5 10" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
<ellipse cx="124" cy="10" rx="2.5" ry="2.5" fill="none" stroke="#ffffff" stroke-width="2" pointer-events="none"/>
</g>
<g>
<!-- Левый Средний -->
<path id="LM" d="M 204 142.5 L 126.33 142.33" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
<path id="LM" d="M 359 143 L 204 142.5" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
<ellipse id="LM" cx="124" cy="143" rx="2.5" ry="2.5" fill="none" stroke="#ffffff" stroke-width="2" pointer-events="none"/>
</g>
<g>
<!-- Левый Нижний -->
<path id="LB" d="M 361 144 L 204 278" fill="none" stroke="#fff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
<path id="LB" d="M 204 278 L 126.33 278.17" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
<ellipse id="LB" cx="124" cy="278" rx="2.5" ry="2.5" fill="none" stroke="#ffffff" stroke-width="2" pointer-events="none"/>
</g>
<g>
<!-- Правый Верхний -->
<path id="RT" d="M 530 10 L 602.17 9.83" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
<path id="RT" d="M 365 139 L 530 10" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
<ellipse id="RT" cx="605" cy="10" rx="2.5" ry="2.5" fill="none" stroke="#ffffff" stroke-width="2" transform="rotate(180,605,10)" pointer-events="none"/>
</g>
<g>
<!-- Правый Средний -->
<path id="RM" d="M 367 143 L 517 142.5" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
<path id="RM" d="M 517 142.5 L 602.17 142.33" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
<ellipse id="RM" cx="605" cy="143" rx="2.5" ry="2.5" fill="none" stroke="#ffffff" stroke-width="2" transform="rotate(180,605,142.5)" pointer-events="none"/>
</g>
<g>
<!-- Правый Нижний -->
<path id="RB" d="M 602.17 279.83 L 521.7 280" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
<path id="RB" d="M 365 146 L 521.5 280" fill="#none" stroke="#fff" stroke-width="2" stroke-miterlimit="10" pointer-events="none"/>
<ellipse id="RB" cx="605" cy="280" rx="2.5" ry="2.5" fill="none" stroke="#ffffff" stroke-width="2" transform="rotate(180,605,280)" pointer-events="none"/>
</g>
<g id="RT" class="ololo" transform="translate(631.5,3.5)">
<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;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">
<text color="#ffffff">РАСПОЛОЖЕНИЕ</text><br/>
</div>
</div>
</foreignObject>
</switch>
</g>
<g id="RM" class="ololo" transform="translate(631.5,135.5)">
<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;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">
<text color="#ffffff">ЭОП-2</text><br />
</div>
</div>
</foreignObject>
</switch>
</g>
<g id="RB" class="ololo" transform="translate(631.5,273.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;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">
<text class="TextExp">ЭКСПЕРИМЕНТАЛЬНАЯ БАЗА</text><br />
</div>
</div>
</foreignObject>
</switch>
</g>
<g id="LB" class="ololo" transform="translate(1.5,270.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;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">
<text color="#ffffff">ПРИМЕРЫ РАБОТ</text><br />
</div>
</div>
</foreignObject>
</switch>
</g>
<g id="LM" class="ololo" transform="translate(69.5,133.5)">
<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;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">
<text color="#ffffff">ЭОП-1</text><br />
</div>
</div>
</foreignObject>
</switch>
</g>
<g id="LT" class="ololo" transform="translate(52.5,5.5)">
<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;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">
<text color="#ffffff">АО "АНЦ"</text><br />
</div>
</div>
</foreignObject>
</switch>
</g>
<image id="world" x="175" y="-45" xlink:href="./imgMain/Earth.png"></image>
</g>
</svg>
</div>
</template>
<script>
export default {
name: 'app',
data () {
return {
msg: 'Product',
}
}
}
</script>
<style>
#world{
width: 400px;
/* height: 200px; */
top:-520px;
}
/* width="350" height="200" x="0" y="0" */
</style>
var path = require('path')
var webpack = require('webpack')
module.exports = {
entry: './src/main.js',
output: {
path: path.resolve(__dirname, './dist'),
publicPath: '/dist/',
filename: 'build.js'
},
module: {
rules: [
{
test: /\.css$/,
use: [
'vue-style-loader',
'css-loader'
],
}, {
test: /\.vue$/,
loader: 'vue-loader',
options: {
loaders: {
}
// other vue-loader options go here
}
},
{
test: /\.js$/,
loader: 'babel-loader',
exclude: /node_modules/
},
{
test: /\.(png|jpg|gif|svg)$/,
loader: 'file-loader',
options: {
name: '[name].[ext]?[hash]'
}
}
]
},
resolve: {
alias: {
'vue$': 'vue/dist/vue.esm.js'
},
extensions: ['*', '.js', '.vue', '.json']
},
devServer: {
historyApiFallback: true,
noInfo: true,
overlay: true
},
performance: {
hints: false
},
devtool: '#eval-source-map'
}
if (process.env.NODE_ENV === 'production') {
module.exports.devtool = '#source-map'
// http://vue-loader.vuejs.org/en/workflow/production.html
module.exports.plugins = (module.exports.plugins || []).concat([
new webpack.DefinePlugin({
'process.env': {
NODE_ENV: '"production"'
}
}),
new webpack.optimize.UglifyJsPlugin({
sourceMap: true,
compress: {
warnings: false
}
}),
new webpack.LoaderOptionsPlugin({
minimize: true
})
])
}
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