wenyongda/ZRAdmin-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

新增加多语言

Browse Source
This commit is contained in:
不做码农
2022-05-05 18:39:22 +08:00
parent f01ee52512
commit bbe37c04dc
20 changed files with 428 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/index.vue
+27 -50
View File
@@ -5,22 +5,16 @@
<blockquote class="text-warning" style="font-size: 14px">
领取七牛云通用云产品优惠券
<br />
<el-link href="https://s.qiniu.com/FzEfay" type="primary" target="_blank">
https://s.qiniu.com/FzEfay
</el-link>
<el-link href="https://s.qiniu.com/FzEfay" type="primary" target="_blank"> https://s.qiniu.com/FzEfay </el-link>
<br />
领取腾讯云通用云产品新用户专属大礼包2860优惠券，每种代金券限量500张，先到先得。
<br />
<el-link href="https://curl.qcloud.com/5J4nag8D" type="primary" target="_blank">
https://curl.qcloud.com/5J4nag8D
</el-link>
<el-link href="https://curl.qcloud.com/5J4nag8D" type="primary" target="_blank"> https://curl.qcloud.com/5J4nag8D </el-link>
<br />
腾讯云限时秒杀活动<br />
<el-link href="https://curl.qcloud.com/4yEoRquq" type="primary" target="_blank">
https://curl.qcloud.com/4yEoRquq
</el-link>
<el-link href="https://curl.qcloud.com/4yEoRquq" type="primary" target="_blank"> https://curl.qcloud.com/4yEoRquq </el-link>
<br />
华为特惠专区，多款产品限时特价
@@ -44,37 +38,17 @@
</p>
<p>代码完全免费开源，易读易懂、界面简洁美观，给你的项目多一种选择与参考。</p>
<p>
<b>当前版本:</b> <span>v{{ version }}</span>
<el-link
class="ml10"
type="primary"
size="small"
icon="Document"
plain
@click="goTarget('http://www.izhaorui.cn/doc/#/gxrz?id=v' + version)"
>更新日志
<b>{{ $t('layout.currentVersion') }}:</b> <span>v{{ version }}</span>
<el-link class="ml10" type="primary" size="small" icon="Document" plain @click="goTarget('http://www.izhaorui.cn/doc/#/gxrz?id=v' + version)"
>{{ $t('layout.changeLog') }}
</el-link>
</p>
<p>
<el-button
type="primary"
size="small"
icon="Cloudy"
plain
@click="goTarget('https://gitee.com/izory/ZrAdminNetCore')"
>访问码云
</el-button>
<el-button
type="primary"
size="small"
icon="Cloudy"
plain
@click="goTarget('https://github.com/izhaorui/ZrAdmin.NET')"
>Github
</el-button>
<el-button type="primary" size="small" icon="Cloudy" plain @click="goTarget('https://gitee.com/izory/ZrAdminNetCore')">访问码云 </el-button>
<el-button type="primary" size="small" icon="Cloudy" plain @click="goTarget('https://github.com/izhaorui/ZrAdmin.NET')">Github </el-button>
</p>
<p></p>
<h3>如果觉得不错欢迎给个⭐Star⭐收藏一下，这样作者才有继续免费下去的动力，谢谢！</h3>
<h3>{{ $t('layout.tip1') }}</h3>
</el-col>
<el-col :lg="8" :sm="24">
<h2>技术选型</h2>
@@ -88,6 +62,8 @@
<li>MySql</li>
<li>Mapster</li>
<li>Epplus</li>
<li>Redis</li>
<li>Signalr</li>
<li>...</li>
</ul>
</el-col>
@@ -100,8 +76,9 @@
<li>Axios</li>
<li>Sass</li>
<li>Wangeditor</li>
<li>Vite</li>
<li>Composition api</li>
<li>Vite</li>
<li>Composition api</li>
<li>I18n</li>
<li>...</li>
</ul>
</el-col>
@@ -112,11 +89,22 @@
<el-col :sm="24" :lg="8">
<el-card>
<div class="clearfix">
<span>联系信息</span>
<span>{{ $t('layout.donationSupport') }}</span>
</div>
<div class="body">
<div style="color: red">打赏作者喝杯咖啡表示鼓励</div>
<img src="@/assets/images/reward.jpg" alt="donate" style="width: 100%" />
</div>
</el-card>
</el-col>
<el-col :sm="24" :lg="8">
<el-card>
<div class="clearfix">
<span>{{ $t('layout.contactUs') }}</span>
</div>
<div class="body">
<p>
<el-icon> <promotion /> </el-icon>官网：
<el-icon> <promotion /> </el-icon>{{ $t('layout.officialWebsite') }}：
<el-link href="http://www.izhaorui.cn/doc" target="_blank"> http://www.izhaorui.cn/doc </el-link>
</p>
</div>
@@ -133,17 +121,6 @@
</div>
</el-card>
</el-col>
<el-col :sm="24" :lg="8">
<el-card>
<div class="clearfix">
<span>捐赠支持</span>
</div>
<div class="body">
<div style="color: red">打赏作者喝杯咖啡表示鼓励</div>
<img src="@/assets/images/reward.jpg" alt="donate" style="width: 100%" />
</div>
</el-card>
</el-col>
<el-col :span="10">
<!-- <el-card>
<div slot="header" class="clearfix">
src/views/login.vue
+18 -14
View File
@@ -4,21 +4,21 @@
<el-form ref="loginRef" :model="loginForm" :rules="loginRules" class="login-form">
<h3 class="title">{{ defaultSettings.title }}</h3>
<el-form-item prop="username">
<el-input v-model="loginForm.username" type="text" size="large" auto-complete="off" placeholder="账号">
<el-input v-model="loginForm.username" type="text" size="large" auto-complete="off" :placeholder="$t('login.account')">
<template #prefix>
<svg-icon name="user" class="el-input__icon input-icon" />
</template>
</el-input>
</el-form-item>
<el-form-item prop="password">
<el-input v-model="loginForm.password" type="password" size="large" auto-complete="off" placeholder="密码" @keyup.enter="handleLogin">
<el-input v-model="loginForm.password" type="password" size="large" auto-complete="off" :placeholder="$t('login.password')" @keyup.enter="handleLogin">
<template #prefix>
<svg-icon name="password" class="el-input__icon input-icon" />
</template>
</el-input>
</el-form-item>
<el-form-item prop="code" v-if="captchaOnOff != 'off'">
<el-input v-model="loginForm.code" size="large" auto-complete="off" placeholder="验证码" style="width: 63%" @keyup.enter="handleLogin">
<el-input v-model="loginForm.code" size="large" auto-complete="off" :placeholder="$t('login.captcha')" style="width: 63%" @keyup.enter="handleLogin">
<template #prefix>
<svg-icon name="validCode" class="el-input__icon input-icon" />
</template>
@@ -27,10 +27,12 @@
<img :src="codeUrl" @click="getCode" class="login-code-img" />
</div>
</el-form-item>
<el-checkbox v-model="loginForm.rememberMe" style="margin: 0px 0px 25px 0px">记住密码</el-checkbox>
<el-form-item>
<el-checkbox v-model="loginForm.rememberMe">{{ $t('login.rememberMe') }}</el-checkbox>
</el-form-item>
<el-form-item style="width: 100%">
<el-button :loading="loading" size="large" plain type="primary" style="width: 100%" @click.prevent="handleLogin">
<span v-if="!loading">登 录</span>
<el-button :loading="loading" size="large" type="primary" style="width: 100%" @click.prevent="handleLogin">
<span v-if="!loading">{{ $t('login.btnLogin') }}</span>
<span v-else>登 录 中...</span>
</el-button>
<!-- <div style="float: right;" v-if="register">
@@ -38,6 +40,8 @@
</div> -->
</el-form-item>
</el-form>
<LangSelect title="语音设置" class="langSet" />
<!-- 底部 -->
<div class="el-login-footer">
<span>{{ defaultSettings.copyright }}</span>
@@ -51,6 +55,7 @@ import Cookies from 'js-cookie'
import { encrypt, decrypt } from '@/utils/jsencrypt'
import defaultSettings from '@/settings'
import starBackground from '@/views/components/starBackground.vue'
import LangSelect from '@/components/LangSelect/index.vue'
const store = useStore()
const router = useRouter()
@@ -103,7 +108,7 @@ function handleLogin() {
store
.dispatch('Login', loginForm.value)
.then(() => {
proxy.$modal.msgSuccess('登录成功')
proxy.$modal.msgSuccess(proxy.$t('login.loginSuccess'))
router.push({ path: redirect.value || '/' })
})
.catch((error) => {
@@ -167,13 +172,6 @@ getCookie()
width: 310px;
padding: 25px 25px 5px 25px;
.el-input {
height: 40px;
input {
height: 40px;
}
}
.input-icon {
height: 39px;
@@ -216,4 +214,10 @@ getCookie()
height: 40px;
padding-left: 12px;
}
.langSet {
position: absolute;
right: 120px;
top: 100px;
color: #fff;
}
</style>