Browse Source

fixcss

master
chutingting 1 year ago
parent
commit
f29f4240cb
5 changed files with 49 additions and 33 deletions
  1. +46
    -28
      src/components/footer.vue
  2. +2
    -2
      src/views/about/index.vue
  3. +1
    -1
      src/views/home/index.vue
  4. +0
    -1
      src/views/information/index.vue
  5. +0
    -1
      src/views/metadaily/index.vue

+ 46
- 28
src/components/footer.vue View File

@@ -1,26 +1,37 @@
<template> <template>
<div id="footer"> <div id="footer">
<img src="@/assets/footer_logo.png" class="lflogo">
<div id="lcenter">
<div id="ylink">
<div class="link">
<h4>友情链接</h4>
<div class="llink">
<a v-for="(item, index) in linkdata" :key="index">{{ item.label }}</a>
</div>
<div class="content">
<img src="@/assets/footer_logo.png" class="lflogo">
<div id="lcenter">
<div class="code">
<img src="@/assets/wechat.png">
<a>关注公众号</a>
</div>
<div class="code">
<img src="@/assets/wechat.png">
<a>关注公众号</a>
</div>
<!-- <div id="ylink">
<div class="link">
<h4>友情链接</h4>
<div class="llink">
<a v-for="(item, index) in linkdata" :key="index">{{ item.label }}</a>
</div>
</div>
<div class="link">
<h4>关于我们</h4>
<div class="llink about">
<a v-for="(item, index) in about" :key="index">{{ item.label }}</a>
</div>
</div>
</div> -->
</div> </div>
<div class="link">
<h4>关于我们</h4>
<div class="llink about">
<a v-for="(item, index) in about" :key="index">{{ item.label }}</a>
</div>
</div>
</div>
<a class="gs">{{ Copyright }}</a>
</div>
<div id="fright">
<img src="@/assets/wechat.png">
<a>关注公众号</a>
<div class="gs">{{ Copyright }}</div>
<!-- <div id="fright">
<img src="@/assets/wechat.png">
<a>关注公众号</a>
</div> -->
</div> </div>
</div> </div>
</template> </template>
@@ -61,16 +72,21 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
.content{
width: 1200px;
margin: 0 auto;
}
.lflogo { .lflogo {
width: 184px; width: 184px;
height: 49px;
margin-right: 100px; margin-right: 100px;
float: left;
} }
#lcenter { #lcenter {
display: flex;
flex-direction: column;
margin-right: 10%;
// display: flex;
// flex-direction: column;
float: left;
margin-left: 10%;
#ylink { #ylink {
display: flex; display: flex;
.link { .link {
@@ -107,15 +123,17 @@ export default {
margin-right: 50px; margin-right: 50px;
} }
} }
.code{
display: inline-block;
margin: 0 30px;
}
} }
.gs { .gs {
clear: both;
font-size: 12px; font-size: 12px;
font-family: Microsoft YaHei;
font-weight: 400; font-weight: 400;
color: #333336; color: #333336;
margin-top: 20px;
text-align: right;
margin-right: 5%;
padding-top: 40px;
} }
#fright { #fright {
display: flex; display: flex;


+ 2
- 2
src/views/about/index.vue View File

@@ -251,10 +251,10 @@ export default {
.content { .content {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center;
// align-items: center;
margin: 0 auto; margin: 0 auto;
width: 1200px; width: 1200px;
padding: 96px 0;
padding: 80px 0;
.callme { .callme {
display: flex; display: flex;
flex-direction: column; flex-direction: column;


+ 1
- 1
src/views/home/index.vue View File

@@ -304,7 +304,7 @@ export default {
margin-top: 25px; margin-top: 25px;
word-wrap: break-word; word-wrap: break-word;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-line-clamp: 8;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
overflow: hidden; overflow: hidden;
} }


+ 0
- 1
src/views/information/index.vue View File

@@ -378,7 +378,6 @@ export default {
} }
#wk { #wk {
padding-bottom: 200px;
.content { .content {
background-color: #FFFFFF; background-color: #FFFFFF;
display: flex; display: flex;


+ 0
- 1
src/views/metadaily/index.vue View File

@@ -218,7 +218,6 @@ export default {
} }
} }
#wk { #wk {
padding-bottom: 200px;
.content { .content {
background-color: #FFFFFF; background-color: #FFFFFF;
} }


Loading…
Cancel
Save