Browse Source

添加菜单栏

master
song 3 years ago
parent
commit
572c6aba26
  1. 17307
      package-lock.json
  2. 20
      src/App.vue
  3. BIN
      src/assets/bg-bottom.png
  4. BIN
      src/assets/bg-top.png
  5. 4
      src/components/Footer/Footer.vue
  6. 6
      src/views/CompanyProfile/CompanyProfile.vue
  7. 6
      src/views/FirstPages/FirstPage.vue
  8. 6
      src/views/NewPages/NewPages.vue
  9. 6
      src/views/OtherPages/Department.vue
  10. 6
      src/views/OtherPages/Information.vue
  11. 6
      src/views/OtherPages/NoticeNotice.vue
  12. 6
      src/views/OtherPages/PartyBuilding.vue
  13. 6
      src/views/OtherPages/SafeProduction.vue
  14. 6
      src/views/OtherPages/System.vue
  15. 50
      yarn.lock

17307
package-lock.json

File diff suppressed because it is too large

20
src/App.vue

@ -3,7 +3,7 @@
<div id="app"> <div id="app">
<HeadNav /> <HeadNav />
<Carousel /> <Carousel />
<router-view></router-view> <router-view style="min-height: 1500px"></router-view>
<Footer /> <Footer />
</div> </div>
</a-config-provider> </a-config-provider>
@ -41,9 +41,25 @@ body,
background: transparent; background: transparent;
} }
body { body {
background: #f5f5f5 !important; /* background: #f5f5f5 !important; */
} }
body::-webkit-scrollbar { body::-webkit-scrollbar {
width: 0; width: 0;
} }
.bg-top{
position: relative;
top: 0;
width: 100%;
min-height: 1500px;
background: url(./assets/bg-top.png) top no-repeat;
background-size: 100%;
}
.bg-bottom{
position: relative;
bottom: 0;
width: 100%;
background: url(./assets/bg-bottom.png) bottom no-repeat;
background-size: 100%;
padding-bottom: 100px;
}
</style> </style>

BIN
src/assets/bg-bottom.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 656 KiB

BIN
src/assets/bg-top.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 340 KiB

4
src/components/Footer/Footer.vue

@ -1,5 +1,5 @@
<template> <template>
<div class="footer-box" :class="isTrue ? 'white' : 'blue'" style="margin-top:100px;position:relative"> <div class="footer-box" :class="isTrue ? 'white' : 'blue'" style="position:relative">
<div v-if="!isTrue" class="other-link"></div> <div v-if="!isTrue" class="other-link"></div>
<div class="content-1180"> <div class="content-1180">
<div class="d-flex" style="margin-top:20px" :class="isTrue ? '' : 'justify-center'"> <div class="d-flex" style="margin-top:20px" :class="isTrue ? '' : 'justify-center'">
@ -86,7 +86,7 @@ export default {
} }
.blue { .blue {
background: rgb(0, 53, 107); background: rgb(0, 53, 107);
margin-top: 160px !important; margin-top: 80px !important;
color: #ccc !important; color: #ccc !important;
} }
.footer-link { .footer-link {

6
src/views/CompanyProfile/CompanyProfile.vue

@ -1,6 +1,8 @@
<template> <template>
<div class="bg-bottom">
<div class="bg-top">
<div class="content-1180"> <div class="content-1180">
<div class="d-flex mt-4"> <div class="d-flex pt-4">
<LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" /> <LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" />
<div class="flex-1 flex-column"> <div class="flex-1 flex-column">
<Location /> <Location />
@ -10,6 +12,8 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
</template> </template>
<script> <script>
import { mapActions } from 'vuex'; import { mapActions } from 'vuex';

6
src/views/FirstPages/FirstPage.vue

@ -1,6 +1,8 @@
<template> <template>
<div class="bg-bottom">
<div class="bg-top">
<div class="content-1180"> <div class="content-1180">
<div class="news-box mt-4 d-flex justify-space-between"> <div class="news-box pt-4 d-flex justify-space-between">
<!-- 集团新闻 --> <!-- 集团新闻 -->
<div class="flex-1 mr-4 p-4 flex-column"> <div class="flex-1 mr-4 p-4 flex-column">
<div class="new-box-title d-flex justify-space-between"> <div class="new-box-title d-flex justify-space-between">
@ -230,6 +232,8 @@
</div> </div>
<BayWindow v-if="content && content.title" :content="content" @closeBay="closeBay" /> <BayWindow v-if="content && content.title" :content="content" @closeBay="closeBay" />
</div> </div>
</div>
</div>
</template> </template>
<script> <script>
import { mapActions } from 'vuex'; import { mapActions } from 'vuex';

6
src/views/NewPages/NewPages.vue

@ -1,6 +1,8 @@
<template> <template>
<div class="bg-bottom">
<div class="bg-top">
<div class="content-1180"> <div class="content-1180">
<div class="d-flex mt-4"> <div class="d-flex pt-4">
<LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" /> <LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" />
<div class="flex-1 flex-column"> <div class="flex-1 flex-column">
<Location /> <Location />
@ -11,6 +13,8 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
</template> </template>
<script> <script>
import { mapActions } from 'vuex'; import { mapActions } from 'vuex';

6
src/views/OtherPages/Department.vue

@ -1,6 +1,8 @@
<template> <template>
<div class="bg-bottom">
<div class="bg-top">
<div class="content-1180"> <div class="content-1180">
<div class="d-flex mt-4"> <div class="d-flex pt-4">
<LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" /> <LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" />
<div class="flex-1 flex-column"> <div class="flex-1 flex-column">
<Location /> <Location />
@ -10,6 +12,8 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
</template> </template>
<script> <script>
import { mapActions } from 'vuex'; import { mapActions } from 'vuex';

6
src/views/OtherPages/Information.vue

@ -1,6 +1,8 @@
<template> <template>
<div class="bg-bottom">
<div class="bg-top">
<div class="content-1180"> <div class="content-1180">
<div class="d-flex mt-4"> <div class="d-flex pt-4">
<LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" /> <LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" />
<div class="flex-1 flex-column"> <div class="flex-1 flex-column">
<Location /> <Location />
@ -10,6 +12,8 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
</template> </template>
<script> <script>
import { mapActions } from 'vuex'; import { mapActions } from 'vuex';

6
src/views/OtherPages/NoticeNotice.vue

@ -1,6 +1,8 @@
<template> <template>
<div class="bg-bottom">
<div class="bg-top">
<div class="content-1180"> <div class="content-1180">
<div class="d-flex mt-4"> <div class="d-flex pt-4">
<LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" /> <LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" />
<div class="flex-1 flex-column"> <div class="flex-1 flex-column">
<Location /> <Location />
@ -11,6 +13,8 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
</template> </template>
<script> <script>
import { mapActions } from 'vuex'; import { mapActions } from 'vuex';

6
src/views/OtherPages/PartyBuilding.vue

@ -1,6 +1,8 @@
<template> <template>
<div class="bg-bottom">
<div class="bg-top">
<div class="content-1180"> <div class="content-1180">
<div class="d-flex mt-4"> <div class="d-flex pt-4">
<LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" /> <LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" />
<div class="flex-1 flex-column"> <div class="flex-1 flex-column">
<Location /> <Location />
@ -11,6 +13,8 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
</template> </template>
<script> <script>
import { mapActions } from 'vuex'; import { mapActions } from 'vuex';

6
src/views/OtherPages/SafeProduction.vue

@ -1,6 +1,8 @@
<template> <template>
<div class="bg-bottom">
<div class="bg-top">
<div class="content-1180"> <div class="content-1180">
<div class="d-flex mt-4"> <div class="d-flex pt-4">
<LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" /> <LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" />
<div class="flex-1 flex-column"> <div class="flex-1 flex-column">
<Location /> <Location />
@ -11,6 +13,8 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
</template> </template>
<script> <script>
import { mapActions } from 'vuex'; import { mapActions } from 'vuex';

6
src/views/OtherPages/System.vue

@ -1,6 +1,8 @@
<template> <template>
<div class="bg-bottom">
<div class="bg-top">
<div class="content-1180"> <div class="content-1180">
<div class="d-flex mt-4"> <div class="d-flex pt-4">
<LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" /> <LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" />
<div class="flex-1 flex-column"> <div class="flex-1 flex-column">
<Location /> <Location />
@ -10,6 +12,8 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
</template> </template>
<script> <script>
import { mapActions } from 'vuex'; import { mapActions } from 'vuex';

50
yarn.lock

@ -1717,8 +1717,8 @@
"color-convert" "^2.0.1" "color-convert" "^2.0.1"
"ansi-styles@^4.1.0": "ansi-styles@^4.1.0":
"integrity" "sha1-7dgDYornHATIWuegkG7a00tkiTc=" "integrity" "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg=="
"resolved" "https://registry.nlark.com/ansi-styles/download/ansi-styles-4.3.0.tgz?cache=0&sync_timestamp=1618995778321&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fansi-styles%2Fdownload%2Fansi-styles-4.3.0.tgz" "resolved" "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz"
"version" "4.3.0" "version" "4.3.0"
dependencies: dependencies:
"color-convert" "^2.0.1" "color-convert" "^2.0.1"
@ -2556,9 +2556,9 @@
"supports-color" "^7.1.0" "supports-color" "^7.1.0"
"chalk@^4.1.0": "chalk@^4.1.0":
"integrity" "sha1-ThSHCmGNni7dl92DRf2dncMVZGo=" "integrity" "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA=="
"resolved" "https://registry.npm.taobao.org/chalk/download/chalk-4.1.0.tgz" "resolved" "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz"
"version" "4.1.0" "version" "4.1.2"
dependencies: dependencies:
"ansi-styles" "^4.1.0" "ansi-styles" "^4.1.0"
"supports-color" "^7.1.0" "supports-color" "^7.1.0"
@ -2776,8 +2776,8 @@
"color-name" "1.1.3" "color-name" "1.1.3"
"color-convert@^2.0.1": "color-convert@^2.0.1":
"integrity" "sha1-ctOmjVmMm9s68q0ehPIdiWq9TeM=" "integrity" "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ=="
"resolved" "https://registry.npm.taobao.org/color-convert/download/color-convert-2.0.1.tgz" "resolved" "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz"
"version" "2.0.1" "version" "2.0.1"
dependencies: dependencies:
"color-name" "~1.1.4" "color-name" "~1.1.4"
@ -2788,8 +2788,8 @@
"version" "1.1.3" "version" "1.1.3"
"color-name@~1.1.4": "color-name@~1.1.4":
"integrity" "sha1-wqCah6y95pVD3m9j+jmVyCbFNqI=" "integrity" "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
"resolved" "https://registry.npm.taobao.org/color-name/download/color-name-1.1.4.tgz" "resolved" "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz"
"version" "1.1.4" "version" "1.1.4"
"color-string@^1.5.4": "color-string@^1.5.4":
@ -3613,10 +3613,10 @@
dependencies: dependencies:
"domelementtype" "1" "domelementtype" "1"
"dompurify@^2.0.0": "dompurify@^2.3.4":
"integrity" "sha512-7b7ZArhhH0SP6W2R9cqK6RjaU82FZ2UPM7RO8qN1b1wyvC/NY1FNWcX1Pu00fFOAnzEORtwXe4bPaClg6pUybQ==" "integrity" "sha512-OFP2u/3T1R5CEgWCEONuJ1a5+MFKnOYpkywpUSxv/dj1LeBT1erK+JwM7zK0ROy2BRhqVCf0LRw/kHqKuMkVGg=="
"resolved" "https://registry.npmjs.org/dompurify/-/dompurify-2.2.6.tgz" "resolved" "https://registry.npmjs.org/dompurify/-/dompurify-2.3.6.tgz"
"version" "2.2.6" "version" "2.3.6"
"domready@1.0.8": "domready@1.0.8":
"integrity" "sha1-kfJS5Ze2Wvd+dFriTdAYXV4m1Yw=" "integrity" "sha1-kfJS5Ze2Wvd+dFriTdAYXV4m1Yw="
@ -4717,8 +4717,8 @@
"version" "3.0.0" "version" "3.0.0"
"has-flag@^4.0.0": "has-flag@^4.0.0":
"integrity" "sha1-lEdx/ZyByBJlxNaUGGDaBrtZR5s=" "integrity" "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
"resolved" "https://registry.nlark.com/has-flag/download/has-flag-4.0.0.tgz?cache=0&sync_timestamp=1626715907927&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fhas-flag%2Fdownload%2Fhas-flag-4.0.0.tgz" "resolved" "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz"
"version" "4.0.0" "version" "4.0.0"
"has-symbols@^1.0.1": "has-symbols@^1.0.1":
@ -8834,8 +8834,8 @@
"has-flag" "^4.0.0" "has-flag" "^4.0.0"
"supports-color@^7.1.0": "supports-color@^7.1.0":
"integrity" "sha1-G33NyzK4E4gBs+R4umpRyqiWSNo=" "integrity" "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw=="
"resolved" "https://registry.nlark.com/supports-color/download/supports-color-7.2.0.tgz" "resolved" "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz"
"version" "7.2.0" "version" "7.2.0"
dependencies: dependencies:
"has-flag" "^4.0.0" "has-flag" "^4.0.0"
@ -9449,12 +9449,12 @@
"resolved" "https://registry.npm.taobao.org/vue-cli-plugin-axios/download/vue-cli-plugin-axios-0.0.4.tgz" "resolved" "https://registry.npm.taobao.org/vue-cli-plugin-axios/download/vue-cli-plugin-axios-0.0.4.tgz"
"version" "0.0.4" "version" "0.0.4"
"vue-dompurify-html@^2.3.0": "vue-dompurify-html@^2.5.0":
"integrity" "sha512-Iz9wI4iiJF+rzC2x3r8quw/VXrkwgMsWXt9p0Le4wXtolBXwMDJOmK3QNMiNg36bzU2b0f3En/wjidoeRVNZ7A==" "integrity" "sha512-k2ejMJmsCsREGtJFDXNwqMvvek447id5ZAOU10jm2+cmsZHXgFIEdlwDam4cU4wh0iOZM+uDmkwbVJAJtmgeVQ=="
"resolved" "https://registry.npmjs.org/vue-dompurify-html/-/vue-dompurify-html-2.3.0.tgz" "resolved" "https://registry.npmjs.org/vue-dompurify-html/-/vue-dompurify-html-2.5.0.tgz"
"version" "2.3.0" "version" "2.5.0"
dependencies: dependencies:
"dompurify" "^2.0.0" "dompurify" "^2.3.4"
"vue-eslint-parser@^7.0.0": "vue-eslint-parser@^7.0.0":
"integrity" "sha1-xDwccV/1B3i5p+mk4WkhGF80JdM=" "integrity" "sha1-xDwccV/1B3i5p+mk4WkhGF80JdM="
@ -9474,9 +9474,9 @@
"version" "2.3.4" "version" "2.3.4"
"vue-loader-v16@npm:vue-loader@^16.0.0-beta.7": "vue-loader-v16@npm:vue-loader@^16.0.0-beta.7":
"integrity" "sha1-CcTgcSRmiZ40uZpoZSTxkWX7KJI=" "integrity" "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA=="
"resolved" "https://registry.nlark.com/vue-loader/download/vue-loader-16.5.0.tgz" "resolved" "https://registry.npmjs.org/vue-loader/-/vue-loader-16.8.3.tgz"
"version" "16.5.0" "version" "16.8.3"
dependencies: dependencies:
"chalk" "^4.1.0" "chalk" "^4.1.0"
"hash-sum" "^2.0.0" "hash-sum" "^2.0.0"

Loading…
Cancel
Save