fix aside i18n text

This commit is contained in:
KUN1007 2023-05-29 18:42:34 +08:00
parent b9e6077f2c
commit 137ced2157
3 changed files with 40 additions and 29 deletions

View file

@ -24,10 +24,10 @@ export default {
asideActive: {
fold: 'Fold Aside',
create: 'CREATE NEW!',
update: 'Update Log',
balance: 'F.S.',
update: 'Update',
balance: 'Balance',
ranking: 'Ranking',
regulations: 'Regulations',
regulations: 'Bylaw',
contacts: 'Join Us',
antiMoe: 'Anti-moe',
hot: `Today's Hot Topic`,

View file

@ -12,6 +12,16 @@ import asideItem from '../aside-item'
}}</router-link>
</span>
</div>
<!--
TODO:
<span><Icon icon="line-md:uploading-loop" /></span>
<span><Icon icon="healthicons:money-bag-outline" /></span>
<span><Icon icon="solar:ranking-outline" /></span>
<span><Icon icon="line-md:clipboard-list" /></span>
<span><Icon icon="fluent-mdl2:contact-list" /></span>
<span><Icon icon="line-md:alert" /></span>
-->
</template>
<style lang="scss" scoped>

View file

@ -13,9 +13,11 @@ const props = defineProps(['isActive'])
<!-- 发布新文章 -->
<div class="new-article">
<!-- 发布新文章的按钮 -->
<router-link to="/edit">
<button class="btn-new-article">
{{ $t('mainPage.asideActive.create') }}
</button>
</router-link>
</div>
<!-- 功能盒子容器 -->
<div class="item-box-container">
@ -49,9 +51,8 @@ const props = defineProps(['isActive'])
/* 发布帖子的按钮相对于功能区盒子的占比 */
flex-grow: 1;
flex-shrink: 0;
}
/* 发布按钮样式 */
.new-article button {
button {
height: 100%;
width: 100%;
background-color: $kungalgame-red-0;
@ -61,24 +62,24 @@ const props = defineProps(['isActive'])
color: $kungalgame-red-3;
font-weight: bold;
font-size: larger;
}
/* 发布按钮 hover 效果 */
.new-article button:hover {
&:hover {
font-size: xx-large;
background-color: $kungalgame-red-3;
color: $kungalgame-red-0;
/* 效果过渡时长 */
transition: 0.3s;
}
/* 功能区容器 */
}
}
/* 功能区容器 */
.item-box-container {
/* 两行三列 grid 布局 */
width: 100%;
height: 80px;
display: grid;
grid-template-columns: repeat(3, 2fr);
grid-template-rows: repeat(2, 1fr);
grid-template-columns: repeat(3, minmax(0, 2fr));
grid-template-rows: repeat(2, minmax(0, 1fr));
font-size: 14px;
/* 字体颜色 */
color: $kungalgame-font-color-3;