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

页面修改

Browse Source
This commit is contained in:
熊丽君
2021-08-18 11:40:20 +08:00
parent 7dbcb3b57f
commit b5d5016423
8 changed files with 356 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/views/index.vue
View File

@ -44,7 +44,12 @@
<el-button type="text" @click="handlePage">注册</el-button>
</div>
<div class="avatar-wrapper" v-else @click="handlePath('/mine')">
<img :src="avatar" class="user-avatar" />
<!-- <span>
<i>20</i>
</span> -->
<el-badge :value="200" :max="10" class="item">
<img :src="avatar" class="user-avatar" />
</el-badge>
</div>
<div class="img2_box">
<img src="@/assets/image/02.png" alt="" />
@ -90,7 +95,7 @@
<div class="my_footer">
<div style="height: 4px; background: #ffa32c"></div>
<div class="footer_one content">
<p>
<!-- <p>
<span>
<i><img src="@/assets/image/icon1.png" alt="" /></i>
总浏览量：1020</span
@ -99,7 +104,7 @@
<i><img src="@/assets/image/icon1.png" alt="" /></i>
今日浏览：1020</span
>
</p>
</p> -->
<div class="footer_two">
<div class="footer_left">
<div class="footer_left_one">
@ -258,13 +263,16 @@ export default {
}
.avatar-wrapper {
text-align: right;
.user-avatar {
vertical-align: middle;
cursor: pointer;
width: 60px;
height: 60px;
border-radius: 50%;
.el-badge {
// display: block;
// position: relative;
.user-avatar {
vertical-align: middle;
cursor: pointer;
width: 60px;
height: 60px;
border-radius: 50%;
}
}
}
.img2_box {
@ -369,6 +377,8 @@ export default {
margin-right: 30px;
}
.footer_left_r {
font-size: 16px;
color: #666;
i {
img {
vertical-align: middle;
@ -403,6 +413,10 @@ export default {
}
}
}
/deep/.el-badge__content.is-fixed {
top: 10px;
right: 15px;
}
@media (max-width: 1024px) {
.chart-wrapper {
padding: 8px;