fe / yoho-community-web · Commits

Go to a project

Authored by 张文文
Commit 8992b53d69382fd6fb94856d34f7b48373deb171 1 parent 9297f69e

ui fix

Inline Side-by-side
Showing 7 changed files with 34 additions and 37 deletions
... ... @@ -153,6 +153,7 @@ export default {
> span {
line-height: 1;
font-weight: 500;
}
.each-follow {
... ...
<template>
<div class="fixed-header">
<LayoutHeader :hide="noHeader" theme="transparent" :style="`background: rgba(255,255,255,${stepPercent});`" :title="`${title}`">
<LayoutHeader :hide="noHeader" theme="transparent" :style="`background: rgba(68,68,68,${stepPercent});`" :title="`${title}`">
<template>
<div ref="titleBlock" class="title-block" :style="titleStyle">{{title}}</div>
</template>
... ... @@ -45,7 +45,7 @@ export default {
percent = 1;
}
this.setIconColor(Math.floor((300 - 34) * (1 - percent) + 34));
// this.setIconColor(Math.floor((300 - 34) * (1 - percent) + 34));
return percent;
},
titleStyle() {
... ... @@ -110,7 +110,7 @@ export default {
}
.title-block {
color: #222;
color: #fff;
line-height: 1.2;
font-size: 36px;
overflow: hidden;
... ...
... ... @@ -29,8 +29,8 @@
<ul class="author-fans">
<li v-for="item in fansList" :key="item.key">
<div class="click-wrap" @click="toPage(item.type)"></div>
<span class="num" :class="{active: item.key === 'fansCount'}">{{authorBaseData[item.key] || 0}}</span>
<span class="name" :class="{active: item.key === 'fansCount'}">{{item.name}}</span>
<span class="num">{{authorBaseData[item.key] || 0}}</span>
<span class="name">{{item.name}}</span>
</li>
</ul>
</div>
... ... @@ -148,7 +148,7 @@ export default {
}
this.SET_STATUS_BAR_COLOR({
color: this.headerAnimateStep > 20 ? 'black' : 'white'
color: 'white'
});
this.beforeRouteEnter = this.beforeRouteUpdate;
... ... @@ -324,7 +324,7 @@ export default {
this.headerAnimateStep = Math.max(Math.min(stepNum, 100), 0);
this.SET_STATUS_BAR_COLOR({
color: this.headerAnimateStep > 0 ? 'black' : 'white'
color: 'white'
});
let animePlayed = this.scrollY > this.$refs.authorProfile.offsetHeight - this.$refs.headerAuthor.$el.offsetHeight;
... ... @@ -736,8 +736,9 @@ export default {
.back-img {
display: flex;
width: 100%;
background-size: contain;
background-repeat: no-repeat;
background-size: 100% 100%;
background-image: url("~statics/image/article/author_back@3x.png");
}
... ... @@ -759,6 +760,7 @@ export default {
border: 4px solid #fff;
margin-top: -80px;
opacity: 0;
background-color: #fff;
transition: opacity 300ms ease-in-out;
&.avatar-opacity {
... ... @@ -766,8 +768,8 @@ export default {
}
> img {
width: 100%;
height: 100%;
width: 102%;
height: 102%;
display: block;
}
}
... ... @@ -792,7 +794,7 @@ export default {
}
.author-sign {
margin-top: 6px;
margin-top: 12px;
height: 30px;
line-height: 30px;
color: #444;
... ... @@ -800,7 +802,7 @@ export default {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
text-align: center;
}
... ... @@ -809,11 +811,13 @@ export default {
margin-top: 18px;
height: 50px;
text-overflow: ellipsis;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
overflow: hidden;
flex-direction: row;
align-items: center;
justify-content: center;
display: flex;
align-items: center;
}
.identity-desc {
... ... @@ -827,7 +831,7 @@ export default {
display: inline-block;
width: 40px;
height: 40px;
margin-right: 5px;
margin-right: 10px;
background-size: 100% 100%;
}
... ... @@ -841,7 +845,7 @@ export default {
.identity-king,
.identity-king-small {
background-image: url("~statics/image/userpage/KING-ic.png");
background-image: url("~statics/image/userpage/KING-ic2.png");
}
.identity-pp {
... ... @@ -862,19 +866,20 @@ export default {
.author-fans {
display: flex;
justify-content: space-between;
margin-left: 55px;
margin-right: 50px;
margin-left: 36px;
margin-right: 36px;
li {
position: relative;
z-index: 1;
width: 140px;
.click-wrap {
position: absolute;
left: -50px;
right: -50px;
top: -14px;
bottom: -50px;
left: -20px;
right: -20px;
top: -20px;
bottom: -20px;
z-index: 10;
}
... ... @@ -882,14 +887,10 @@ export default {
min-width: 30px;
font-size: 40px;
font-weight: 500;
padding: 0 0 6px 0;
display: block;
text-align: center;
color: #222;
&.active {
padding-left: 60px;
}
padding-bottom: 12px;
}
.name {
... ... @@ -898,10 +899,6 @@ export default {
text-align: center;
word-break: keep-all;
white-space: nowrap;
&.active {
padding-left: 60px;
}
}
}
}
... ... @@ -916,7 +913,7 @@ export default {
position: relative;
width: 400px;
margin-top: -35px;
margin-bottom: 40px;
margin-bottom: 20px;
margin-left: calc(50% - 200px);
.operate-btn {
... ... @@ -924,7 +921,6 @@ export default {
height: 70px;
font-size: 24px;
line-height: 70px;
font-weight: 500;
display: inline-block;
border-radius: 10px;
box-sizing: border-box;
... ... @@ -947,7 +943,6 @@ export default {
height: 70px;
font-size: 24px;
line-height: 70px;
font-weight: 500;
display: inline-block;
background-color: #222;
color: white;
... ... @@ -973,7 +968,7 @@ export default {
position: relative;
&:before {
height: 1px;
height: 0.5px;
background-color: #e0e0e0;
content: "";
position: absolute;
... ...
... ... @@ -81,7 +81,7 @@ export default {
li {
font-size: 24px;
color: #b0b0b0;
padding: 30px 40px 30px 0;
padding: 30px 30px 30px 0;
}
.sub-tabs-item {
... ...
... ... @@ -54,6 +54,7 @@ export default {
.tabs-wrap {
background-color: #fff;
display: flex;
height: 96px;
justify-content: center;
align-items: center;
... ... @@ -74,7 +75,7 @@ export default {
color: #b0b0b0;
font-size: 20px;
zoom: 0.6;
margin-left: -6px;
margin-left: -4px;
}
.active {
... ...
{
"name": "yoho-community-web",
"version": "6.9.11-beta22",
"version": "6.9.11-beta23",
"private": true,
"description": "A New Yohobuy Project With Express",
"repository": {
... ...