hashirama/kun-galgame-vue
1
0
Fork 0
Code Issues Pull requests Actions Projects Releases Wiki Activity

fix aside i18n text

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/language/en.ts
View file

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

10
src/views/Home/content/aside/components/Aside.vue
View file

@ -12,6 +12,16 @@ import asideItem from '../aside-item'
}}</router-link> }}</router-link>
</span> </span>
</div> </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> </template>
<style lang="scss" scoped> <style lang="scss" scoped>

53
src/views/Home/content/aside/components/AsideActive.vue
View file

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