fix aside i18n text
This commit is contained in:
parent
b9e6077f2c
commit
137ced2157
|
@ -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`,
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue