Skip to content

Commit

Permalink
Settings
Browse files Browse the repository at this point in the history
  • Loading branch information
@zhaoweizhong
zhaoweizhong committed Dec 14, 2022
1 parent 10cf974 commit 2b88b2e
Show file tree
Hide file tree
Showing 4 changed files with 134 additions and 25 deletions.
124 changes: 109 additions & 15 deletions app.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,38 +6,55 @@
<ruby>
<span>{{ $t('name_family') }}</span>
<rp>(</rp>
<rt>{{ $t('name_family_pron') }}</rt>
<rt lang="ja" class="name-pron">{{ $t('name_family_pron') }}</rt>
<rp>)</rp>
</ruby>
<ruby>
<span>{{ $t('name_given') }}</span>
<rp>(</rp>
<rt>{{ $t('name_given_pron') }}</rt>
<rt lang="ja" class="name-pron">{{ $t('name_given_pron') }}</rt>
<rp>)</rp>
</ruby>
</div>
<div class="title">{{ $t('refernces') }}</div>
</a-card>
<a-card class="card card-nav" hoverable>
<a-button type="text" size="small" :lang="$i18n.locale == 'ja' ? 'zh-CN' : 'ja'"
@click="$i18n.setLocale($i18n.locale == 'ja' ? 'zh-CN' : 'ja')">{{
$t('lang_switch')
}}</a-button>
<a-card class="card card-nav">
<a-button type="text" size="small"></a-button>
<a-button type="text" size="small" :lang="$i18n.locale == 'ja' ? 'zh-CN' : 'ja'" @click="$i18n.setLocale($i18n.locale == 'ja' ? 'zh-CN' : 'ja')">{{ $t('lang_switch') }}</a-button>
</a-card>
<a-card class="card card-setting" hoverable>
<a-card class="card card-setting">
<table>
<tr>
<th>{{ $t('name') }}</th>
<td>{{ $t('yumeno_meguri') }}</td>
</tr>
<tr>
<th>{{ $t('pronounce') }}</th>
<td>{{ $t('yumeno_meguri_pron') }}</td>
<td v-if="$i18n.locale == 'ja'" lang="ja">{{ $t('yumeno_meguri_pron') }}</td>
<td v-else lang="ja">
<ruby>
<span>{{ $t('name_family_pron') }}</span>
<rp>(</rp>
<rt>{{ $t('name_family_pron_en') }}</rt>
<rp>)</rp>
</ruby>
<span>&nbsp;</span>
<ruby>
<span>{{ $t('name_given_pron') }}</span>
<rp>(</rp>
<rt>{{ $t('name_given_pron_en') }}</rt>
<rp>)</rp>
</ruby>
</td>
</tr>
<tr>
<th>{{ $t('age') }}</th>
<td>{{ $t('13yo') }}</td>
</tr>
<tr>
<th>{{ $t('birthday') }}</th>
<td>{{ $t('birthday_date') }}</td>
</tr>
<tr>
<th>{{ $t('height') }}</th>
<td>{{ $t('145cm') }}</td>
Expand All @@ -46,10 +63,56 @@
<th>{{ $t('bust') }}</th>
<td>{{ $t('a_cup') }}</td>
</tr>
<tr>
<th>{{ $t('eye_color') }}</th>
<td class="color-box">
<a-tooltip content-class="color-box" content="#FDC0D0" position="top" mini>
<div style="background-color: #FDC0D0;"></div>
</a-tooltip>
<a-tooltip content-class="color-box" content="#A0D9EA" position="top" mini>
<div style="background-color: #A0D9EA;"></div>
</a-tooltip>
<a-tooltip content-class="color-box" content="#B33B61" position="top" mini>
<div style="background-color: #B33B61;"></div>
</a-tooltip>
<a-tooltip content-class="color-box" content="#4473A1" position="top" mini>
<div style="background-color: #4473A1;"></div>
</a-tooltip>
<a-tooltip content-class="color-box" :content="$t('color_help')" position="right" mini>
<svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" class="icon-help" stroke-width="4" stroke-linecap="butt" stroke-linejoin="miter" filter="ques" data-v-249840b0="" style="font-size: 32px;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm-3.862-24.021a.461.461 0 0 0 .462-.462 2.37 2.37 0 0 1 .636-1.615C21.64 17.48 22.43 17 23.988 17c1.465 0 2.483.7 3.002 1.493.555.848.446 1.559.182 1.914-.328.444-.736.853-1.228 1.296-.15.135-.335.296-.533.468-.354.308-.75.654-1.067.955C23.22 24.195 22 25.686 22 28v.013a1 1 0 0 0 1.006.993l2.008-.012a.993.993 0 0 0 .986-1c.002-.683.282-1.19 1.101-1.97.276-.262.523-.477.806-.722.21-.18.439-.379.713-.626.57-.513 1.205-1.13 1.767-1.888 1.516-2.047 1.161-4.634-.05-6.485C29.092 14.398 26.825 13 23.988 13c-2.454 0-4.357.794-5.642 2.137-1.25 1.307-1.742 2.954-1.746 4.37 0 .26.21.472.47.472h3.068Zm1.868 14.029a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V32a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2.008Z" fill="currentColor" stroke="none"></path>
</svg>
</a-tooltip>
</td>
</tr>
<tr>
<th>{{ $t('hair_style') }}</th>
<td>{{ $t('hair_style_val') }}</td>
</tr>
<tr>
<th>{{ $t('hair_color') }}</th>
<td class="color-box">
<a-tooltip content-class="color-box" content="#D2EDFF" position="top" mini>
<div style="background-color: #D2EDFF;"></div>
</a-tooltip>
<a-tooltip content-class="color-box" content="#FCD7DE" position="top" mini>
<div style="background-color: #FCD7DE;"></div>
</a-tooltip>
<a-tooltip content-class="color-box" :content="$t('color_help')" position="right" mini>
<svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" class="icon-help" stroke-width="4" stroke-linecap="butt" stroke-linejoin="miter" filter="ques" data-v-249840b0="" style="font-size: 32px;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm-3.862-24.021a.461.461 0 0 0 .462-.462 2.37 2.37 0 0 1 .636-1.615C21.64 17.48 22.43 17 23.988 17c1.465 0 2.483.7 3.002 1.493.555.848.446 1.559.182 1.914-.328.444-.736.853-1.228 1.296-.15.135-.335.296-.533.468-.354.308-.75.654-1.067.955C23.22 24.195 22 25.686 22 28v.013a1 1 0 0 0 1.006.993l2.008-.012a.993.993 0 0 0 .986-1c.002-.683.282-1.19 1.101-1.97.276-.262.523-.477.806-.722.21-.18.439-.379.713-.626.57-.513 1.205-1.13 1.767-1.888 1.516-2.047 1.161-4.634-.05-6.485C29.092 14.398 26.825 13 23.988 13c-2.454 0-4.357.794-5.642 2.137-1.25 1.307-1.742 2.954-1.746 4.37 0 .26.21.472.47.472h3.068Zm1.868 14.029a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V32a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2.008Z" fill="currentColor" stroke="none"></path>
</svg>
</a-tooltip>
</td>
</tr>
<tr>
<th>{{ $t('chara') }}</th>
<td>{{ $t('chara_val') }}</td>
</tr>
</table>
</a-card>
<div class="footer" lang="zh-CN">
<span>&copy; 2022 梦途圣地巡礼 All rights reserved.</span>
<span>&copy; 2022 梦途圣地巡礼 Acgtour.com All rights reserved.</span>
</div>
</div>
<div class="col-right">
Expand Down Expand Up @@ -127,13 +190,15 @@ a {
margin-top: 15px;
padding-left: 8px;
color: #878787;
font-size: 13px;
}
.card {
width: 100%;
border-radius: 8px;
box-sizing: border-box;
margin-bottom: 10px;
box-shadow: 0 4px 10px rgb(var(--gray-2));
}
.card-title {
Expand All @@ -152,6 +217,9 @@ a {
font-size: 26px;
font-weight: 700;
margin-bottom: 4px;
background-image: linear-gradient(45deg, #94dbf0 38%, #e7c3ff 50%, #fbb3c5 62%);
background-clip: text;
color: transparent;
}
.title {
Expand All @@ -160,19 +228,16 @@ a {
}
}
.card-nav {
height: 60px;
}
.card-nav {}
.card-setting {
// height: 450px;
font-size: 16px;
text-align: left;
padding: 5px 10px;
table {
width: 100%;
line-height: 20px;
line-height: 23px;
th {
font-weight: 700;
Expand All @@ -185,6 +250,35 @@ a {
}
}
.color-box {
display: flex;
height: 23px;
align-items: center;
font-family: monospace;
font-size: 15px;
div {
height: 16px;
width: 16px;
border: 0.5px solid #878787;
border-radius: 3px;
display: inline-block;
cursor: pointer;
&:not(:last-child) {
margin-right: 3px;
}
}
}
.icon-help {
display: inline-block;
width: 15px;
height: 15px;
cursor: pointer;
outline: none;
}
.card-image {
height: 350px;
}
Expand Down
13 changes: 11 additions & 2 deletions lang/ja.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,9 +11,18 @@
"pronounce": "読み方",
"yumeno_meguri_pron": "ゆめの めぐり",
"age": "年齢",
"13yo": "13歳",
"13yo": "13歳・中学2年生",
"birthday": "誕生日",
"birthday_date": "10月11日",
"height": "身長",
"145cm": "145㌢",
"bust": "バスト",
"a_cup": "Aカップ"
"a_cup": "Aカップ",
"eye_color": "瞳の色",
"hair_style": "髪型",
"hair_style_val": "ツーサイドアップ",
"hair_color": "髪色",
"color_help": "ご参考まで",
"chara": "特徴",
"chara_val": "清楚で元気なロリっぽい少女"
}
16 changes: 13 additions & 3 deletions lang/zh-CN.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,11 +9,21 @@
"name": "姓名",
"yumeno_meguri": "梦野巡璃",
"pronounce": "读音",
"yumeno_meguri_pron": "ゆめの めぐり (Yumeno Meguri)",
"name_family_pron_en": "Yumeno",
"name_given_pron_en": "Meguri",
"age": "年龄",
"13yo": "13岁",
"13yo": "13岁・初中二年级",
"birthday": "生日",
"birthday_date": "10月11日",
"height": "身高",
"145cm": "145cm",
"bust": "罩杯",
"a_cup": "A"
"a_cup": "A",
"eye_color": "瞳色",
"hair_style": "发型",
"hair_style_val": "披肩双马尾",
"hair_color": "发色",
"color_help": "仅供参考",
"chara": "特征",
"chara_val": "单纯、元气的萝莉系少女"
}
6 changes: 1 addition & 5 deletions nuxt.config.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,11 +23,7 @@ export default defineNuxtConfig({
i18n: {
baseUrl: 'https://meguri.moe',
strategy: 'no_prefix',
detectBrowserLanguage: {
useCookie: true,
cookieKey: 'lang',
redirectOn: 'root',
},
detectBrowserLanguage: false,
lazy: true,
langDir: 'lang',
defaultLocale: 'ja',
Expand Down

0 comments on commit 2b88b2e

Please sign in to comment.