diff --git a/apps/components/widgets/widget-follow.vue b/apps/components/widgets/widget-follow.vue
index 9ff0e8c..e030e8e 100644
--- a/apps/components/widgets/widget-follow.vue
+++ b/apps/components/widgets/widget-follow.vue
@@ -153,6 +153,7 @@ export default {
> span {
line-height: 1;
+ font-weight: 500;
}
.each-follow {
diff --git a/apps/pages/userpage/components/author-header.vue b/apps/pages/userpage/components/author-header.vue
index 2d851be..3ab68b3 100644
--- a/apps/pages/userpage/components/author-header.vue
+++ b/apps/pages/userpage/components/author-header.vue
@@ -1,6 +1,6 @@
<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;
diff --git a/apps/pages/userpage/components/author.vue b/apps/pages/userpage/components/author.vue
index b7826b7..e7b25e9 100644
--- a/apps/pages/userpage/components/author.vue
+++ b/apps/pages/userpage/components/author.vue
@@ -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;
diff --git a/apps/pages/userpage/components/fav-sub-tab-block.vue b/apps/pages/userpage/components/fav-sub-tab-block.vue
index 43ac79c..014f868 100644
--- a/apps/pages/userpage/components/fav-sub-tab-block.vue
+++ b/apps/pages/userpage/components/fav-sub-tab-block.vue
@@ -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 {
diff --git a/apps/pages/userpage/components/fav-tab-block.vue b/apps/pages/userpage/components/fav-tab-block.vue
index 85d81e8..b1dfd1e 100644
--- a/apps/pages/userpage/components/fav-tab-block.vue
+++ b/apps/pages/userpage/components/fav-tab-block.vue
@@ -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 {
diff --git a/apps/statics/image/userpage/KING-ic2.png b/apps/statics/image/userpage/KING-ic2.png
new file mode 100644
index 0000000..dd945f3
Binary files /dev/null and b/apps/statics/image/userpage/KING-ic2.png differ
diff --git a/package.json b/package.json
index 098e5fb..ebed793 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "yoho-community-web",
- "version": "6.9.11-beta22",
+ "version": "6.9.11-beta23",
"private": true,
"description": "A New Yohobuy Project With Express",
"repository": {