williamet/jiace-web
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

给更多页添加头部和底部并修改本地userid

Browse Source
This commit is contained in:
熊丽君
2021-08-25 11:37:15 +08:00
parent d4417af232
commit febfa87c94
13 changed files with 440 additions and 250 deletions
Download Patch File Download Diff File Expand all files Collapse all files

144
src/views/index.vue
View File

@ -92,57 +92,20 @@
<div class="content" style="padding: 10px 0">
<router-view></router-view>
</div>
<div class="my_footer">
<div style="height: 4px; background: #ffa32c"></div>
<div class="footer_one content">
<div class="footer_two">
<div class="footer_left">
<div class="footer_left_one"></div>
<div class="footer_left_two">
<i>24小时服务热线</i>
</div>
<div class="footer_left_three">
<i>0551-6336-6313</i>
</div>
</div>
<div>
<h3>合肥嘉策信息技术服务有限公司</h3>
<div>
地址：安徽省合肥市高新区黄山路601号科技创新公共服务中心412-414室
</div>
<div style="margin:15px 0">联系人：小杨老师、小黄老师</div>
<div>电话：19805659038、15855136916</div>
</div>
<div class="footer_right">
<div class="item">
<img src="@/assets/image/wx02.png" alt="" />
<div>嘉策公众号</div>
</div>
<div class="item">
<img src="@/assets/image/qq02.png" alt="" />
<div>QQ群</div>
</div>
</div>
</div>
</div>
</div>
<div class="hc_bottom">
<div class="content text">
<span>CopyRight 2020-2021</span>
<span>版权所有 合肥嘉策信息技术服务有限公司</span>
<span>皖ICP备45619723号-1</span>
<span>技术支持：安徽商挈智能科技有限公司</span>
</div>
</div>
<footerPage />
</div>
</template>
<script>
import { mapGetters } from 'vuex';
import footerPage from './components/footer';
// import user from '@/store/modules/user';
// import { getMsgCount } from '@/api/home/news';
export default {
name: 'home',
components: {
footerPage
},
data() {
return {
input: '',
@ -358,103 +321,6 @@ export default {
}
}
}
.my_footer {
background-color: #eeeeee;
.footer_one {
p {
text-align: center;
font-size: 14px;
color: #666;
span {
i {
margin-right: 3px;
img {
vertical-align: middle;
}
}
}
span:nth-child(2) {
margin-left: 40px;
}
}
}
.footer_two {
// border-bottom: 1px solid #dcdcdc;
display: flex;
justify-content: space-between;
align-items: center;
.footer_left {
padding: 40px 0;
.footer_left_one {
width: 392px;
height: 63px;
background: url(~@/assets/image/02.png) no-repeat left center;
background-size: 90% 90%;
}
.footer_left_two {
margin: 10px 0;
font-size: 13px;
color: #666;
}
.footer_left_three {
font-size: 22px;
color: #555;
}
.footer_left_l {
font-size: 18px;
color: #333;
margin-right: 30px;
}
.footer_left_r {
font-size: 16px;
color: #666;
i {
img {
vertical-align: middle;
}
}
}
}
.footer_right {
display: flex;
.item {
font-size: 18px;
color: #333;
margin-right: 50px;
text-align: center;
}
}
}
.footer_three {
text-align: center;
padding: 36px 0;
div {
font-size: 16px;
color: #3394ff;
span:nth-child(2) {
margin: 0 39px;
}
}
p {
font-size: 14px;
color: #333;
}
}
}
.hc_bottom {
width: 100%;
height: 35px;
text-align: center;
line-height: 35px;
background: #ccc;
.text {
color: #777;
font-size: 12px;
span {
margin-right: 15px;
}
}
}
}
/deep/.el-badge__content.is-fixed {
top: 5px;