修改样式注册页面跳转,修复注册时的验证,修改底部布局样式

This commit is contained in:
熊丽君
2021-08-24 17:50:10 +08:00
parent f8cafffbab
commit d4417af232
7 changed files with 371 additions and 312 deletions

View File

@ -39,9 +39,9 @@
<!-- 头部 -->
<div class="header p0-100">
<div class="login_btn" v-if="!avatar">
<el-button type="text" @click="handlePage">登录</el-button>
<el-button type="text" @click="handlePage(true)">登录</el-button>
<i class="mark">|</i>
<el-button type="text" @click="handlePage">注册</el-button>
<el-button type="text" @click="handlePage(false)">注册</el-button>
</div>
<div class="avatar-wrapper" v-else @click="handlePath('/mine')">
<!-- <span>
@ -95,55 +95,43 @@
<div class="my_footer">
<div style="height: 4px; background: #ffa32c"></div>
<div class="footer_one content">
<!-- <p>
<span>
<i><img src="@/assets/image/icon1.png" alt="" /></i>
总浏览量1020</span
>
<span>
<i><img src="@/assets/image/icon1.png" alt="" /></i>
今日浏览1020</span
>
</p> -->
<div class="footer_two">
<div class="footer_left">
<div class="footer_left_one">
<span class="footer_left_l">版权声明</span>
<span class="footer_left_r">
<i><img src="@/assets/image/icon3.png" alt=""/></i>
客服热线(周一至周五8:30-18:00)
</span>
</div>
<div class="footer_left_one"></div>
<div class="footer_left_two">
<span class="footer_left_l">用户协议</span>
<i>24小时服务热线</i>
</div>
<div class="footer_left_three">
<span class="footer_left_l">意见反馈</span>
<span class="footer_left_r">
<i><img src="@/assets/image/icon2.png" alt=""/></i>
公司地址安徽省合肥市蜀山区黄山市601号412-414
</span>
<i>0551-6336-6313</i>
</div>
</div>
<div>
<h3>合肥嘉策信息技术服务有限公司</h3>
<div>
地址安徽省合肥市高新区黄山路601号科技创新公共服务中心412-414
</div>
<div style="margin:15px 0">联系人小杨老师小黄老师</div>
<div>电话1980565903815855136916</div>
</div>
<div class="footer_right">
<div class="item">
<img src="@/assets/image/wx.jpg" alt="" />
<img src="@/assets/image/wx02.png" alt="" />
<div>嘉策公众号</div>
</div>
<div class="item">
<img src="@/assets/image/qq.jpg" alt="" />
<img src="@/assets/image/qq02.png" alt="" />
<div>QQ群</div>
</div>
</div>
</div>
<div class="footer_three">
<div>
<span>商务合作</span>
<span>政策服务</span>
<span>在线解答</span>
</div>
<p>版权服务合肥嘉策信息技术服务有限公司 皖ICP备45619723号</p>
</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>
</div>
@ -211,8 +199,8 @@ export default {
// });
// window.open(routerJump.href, '_blank');
},
handlePage() {
this.$router.push({ path: '/login' });
handlePage(flag) {
this.$router.push({ path: '/login', query: { status: flag } });
},
handlePath(path) {
this.path = path;
@ -371,6 +359,7 @@ export default {
}
}
.my_footer {
background-color: #eeeeee;
.footer_one {
p {
text-align: center;
@ -390,14 +379,26 @@ export default {
}
}
.footer_two {
border-bottom: 1px solid #dcdcdc;
// border-bottom: 1px solid #dcdcdc;
display: flex;
justify-content: space-between;
align-items: center;
.footer_left {
padding: 50px 0;
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: 20px 0;
margin: 10px 0;
font-size: 13px;
color: #666;
}
.footer_left_three {
font-size: 22px;
color: #555;
}
.footer_left_l {
font-size: 18px;
@ -440,6 +441,20 @@ export default {
}
}
}
.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;