diff --git a/apps/pages/article/components/article/article-item2.vue b/apps/pages/article/components/article/article-item2.vue index f6b12a0..501fc6a 100644 --- a/apps/pages/article/components/article/article-item2.vue +++ b/apps/pages/article/components/article/article-item2.vue @@ -228,7 +228,8 @@ export default { .description { margin: 14px 20px; - font-size: 24px; + font-size: 26px; + font-weight: 500; line-height: 36px; max-height: 72px; /* stylelint-disable */ diff --git a/apps/pages/userpage/components/author.vue b/apps/pages/userpage/components/author.vue index 1557b04..81c7758 100644 --- a/apps/pages/userpage/components/author.vue +++ b/apps/pages/userpage/components/author.vue @@ -706,7 +706,7 @@ export default { } .blank-main { - height: 474px; + height: 460px; margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); @@ -813,19 +813,15 @@ export default { .author-fans { display: flex; - justify-content: center; + justify-content: space-between; padding-top: 4px; - padding-right: 40px; + margin-left: 48px; + margin-right: 48px; li { - margin-left: 140px; position: relative; z-index: 1; - &:first-child { - margin-left: 0; - } - .click-wrap { position: absolute; left: -50px; @@ -839,7 +835,7 @@ export default { min-width: 30px; font-size: 40px; font-weight: 500; - padding-bottom: 6px; + padding: 0 20px 6px 20px; display: block; text-align: center; color: #222; @@ -850,13 +846,14 @@ export default { font-size: 24px; font-weight: 300; color: #b0b0b0; - margin-left: 50%; + padding: 0 20px; + text-align: center; word-break: keep-all; white-space: nowrap; > * { position: relative; - left: -50%; + left: -30%; } } } diff --git a/apps/pages/userpage/components/fav-sub-tab-block.vue b/apps/pages/userpage/components/fav-sub-tab-block.vue index 5ea5fcc..ab404c5 100644 --- a/apps/pages/userpage/components/fav-sub-tab-block.vue +++ b/apps/pages/userpage/components/fav-sub-tab-block.vue @@ -3,8 +3,7 @@ <ul class="sub-tabs-list"> <li v-if="item.num" v-for="(item, index) in tabList" :key="index" @click="changeType(index, true)"> <div class="sub-tabs-item" :class="{'active': active === index}"> - {{item.name}} - <span class="sub-t-num" :class="{'active': active === index}">·{{item.num}}</span> + {{item.name}}·{{item.num}} </div> </li> </ul> @@ -80,22 +79,24 @@ export default { display: flex; li { - font-size: 28px; + font-size: 24px; color: #b0b0b0; - font-weight: 300; - padding: 30px 40px 30px 0; + padding: 20px 40px 20px 0; } - .sub-t-num { - color: #b0b0b0; - font-size: 20px; - margin-left: -6px; + .sub-tabs-item { + padding: 10px 20px 10px 20px; + border-radius: 8px; + box-sizing: border-box; } .active { color: #444; font-weight: 500; position: relative; + background-color: #f0f0f0; + border-radius: 30px; + box-sizing: border-box; } } } diff --git a/apps/pages/userpage/components/fav-tab-block.vue b/apps/pages/userpage/components/fav-tab-block.vue index 0b94b31..042a59c 100644 --- a/apps/pages/userpage/components/fav-tab-block.vue +++ b/apps/pages/userpage/components/fav-tab-block.vue @@ -52,7 +52,6 @@ export default { <style> .tabs-wrap { - padding: 0 30px; background-color: #fff; display: flex; justify-content: center; @@ -65,19 +64,21 @@ export default { font-size: 28px; color: #b0b0b0; font-weight: 300; - padding: 20px 40px 30px 0; + } + + .tabs-item { + padding: 28px 40px; } .t-num { color: #b0b0b0; font-size: 20px; - zoom: 0.9; + zoom: 0.6; margin-left: -6px; } .active { color: #444; - font-weight: 500; position: relative; } }