|
@@ -1,13 +1,19 @@
|
|
|
<template>
|
|
|
<div class="login-container">
|
|
|
<div class="lang">
|
|
|
- <el-dropdown trigger="click" @command="translate">
|
|
|
+ <el-dropdown @command="translate">
|
|
|
<span class="el-dropdown-link svgs">
|
|
|
<svg-icon icon-class="lang" />
|
|
|
</span>
|
|
|
<el-dropdown-menu slot="dropdown">
|
|
|
- <el-dropdown-item command="zh-CN">简体中文</el-dropdown-item>
|
|
|
- <el-dropdown-item command="en-US">English</el-dropdown-item>
|
|
|
+ <el-dropdown-item command="zh-CN"
|
|
|
+ :class="{'dropdown_selected':lang === 'zh-CN'}">
|
|
|
+ <i class="el-icon-check"></i>
|
|
|
+ 简体中文</el-dropdown-item>
|
|
|
+ <el-dropdown-item command="en-US"
|
|
|
+ :class="{'dropdown_selected':lang === 'en-US'}">
|
|
|
+ <i class="el-icon-check"></i>
|
|
|
+ English</el-dropdown-item>
|
|
|
</el-dropdown-menu>
|
|
|
</el-dropdown>
|
|
|
</div>
|
|
@@ -467,9 +473,14 @@ $cursor: #000;
|
|
|
margin-top: 30px;
|
|
|
cursor: pointer;
|
|
|
.svgs{
|
|
|
- font-size:32px;
|
|
|
+ font-size:36px;
|
|
|
}
|
|
|
}
|
|
|
+.dropdown_selected{
|
|
|
+ color:#009C69 !important;
|
|
|
+ background-color: #ecf5ff;
|
|
|
+
|
|
|
+}
|
|
|
.login-container {
|
|
|
position: relative;
|
|
|
height: 100%;
|