Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| a1596544ab |
@@ -1,31 +1,31 @@
|
|||||||
spring:
|
spring:
|
||||||
datasource:
|
datasource:
|
||||||
druid:
|
druid:
|
||||||
url: jdbc:mysql://${MYSQL_HOST:127.0.0.1}:${MYSQL_PORT:3306}/${MYSQL_DATABASE:orion_visor}?useUnicode=true&characterEncoding=UTF-8&zeroDateTimeBehavior=convertToNull&allowPublicKeyRetrieval=true&useSSL=false&serverTimezone=Asia/Shanghai&autoReconnect=true&rewriteBatchedStatements=true&useServerPrepStmts=false
|
url: jdbc:mysql://192.168.31.189:33069/visor?useUnicode=true&characterEncoding=UTF-8&zeroDateTimeBehavior=convertToNull&allowPublicKeyRetrieval=true&useSSL=false&serverTimezone=Asia/Shanghai&autoReconnect=true&rewriteBatchedStatements=true&useServerPrepStmts=false
|
||||||
username: ${MYSQL_USER:root}
|
username: dream
|
||||||
password: ${MYSQL_PASSWORD:Data@123456}
|
password: info_dream
|
||||||
initial-size: 0
|
initial-size: 0
|
||||||
min-idle: 1
|
min-idle: 1
|
||||||
max-active: 5
|
max-active: 5
|
||||||
stat-view-servlet:
|
stat-view-servlet:
|
||||||
enabled: false
|
enabled: false
|
||||||
redis:
|
redis:
|
||||||
host: ${REDIS_HOST:127.0.0.1}
|
host: 192.168.31.189
|
||||||
port: ${REDIS_PORT:6379}
|
port: 6379
|
||||||
password: ${REDIS_PASSWORD:Data@123456}
|
password: admin
|
||||||
database: ${REDIS_DATABASE:1}
|
database: 1
|
||||||
data-version: ${REDIS_DATA_VERSION:2}
|
data-version: 2
|
||||||
mock: false
|
mock: false
|
||||||
redisson:
|
redisson:
|
||||||
threads: 2
|
threads: 2
|
||||||
netty-threads: 2
|
netty-threads: 2
|
||||||
minimum-idle-size: 2
|
minimum-idle-size: 2
|
||||||
influxdb:
|
influxdb:
|
||||||
enabled: ${INFLUXDB_ENABLED:true}
|
enabled: true
|
||||||
url: http://${INFLUXDB_HOST:127.0.0.1}:${INFLUXDB_PORT:8086}
|
url: http://192.168.31.182:8086
|
||||||
org: ${INFLUXDB_ORG:orion-visor}
|
org: orion-visor
|
||||||
bucket: ${INFLUXDB_BUCKET:metrics}
|
bucket: metrics
|
||||||
token: ${INFLUXDB_TOKEN:Data@123456}
|
token: 3774e79ac55aff6d1afc0f94bfaf131d
|
||||||
boot:
|
boot:
|
||||||
admin:
|
admin:
|
||||||
client:
|
client:
|
||||||
@@ -34,9 +34,9 @@ spring:
|
|||||||
enabled: false
|
enabled: false
|
||||||
|
|
||||||
guacd:
|
guacd:
|
||||||
host: ${GUACD_HOST:127.0.0.1}
|
host: 192.168.31.182
|
||||||
port: ${GUACD_PORT:4822}
|
port: 4822
|
||||||
drive-path: ${GUACD_DRIVE_PATH:/home/guacd/drive}
|
drive-path: /mnt/guacd-drives
|
||||||
|
|
||||||
management:
|
management:
|
||||||
endpoints:
|
endpoints:
|
||||||
|
|||||||
@@ -1,125 +1,86 @@
|
|||||||
spring:
|
spring:
|
||||||
datasource:
|
datasource:
|
||||||
druid:
|
druid:
|
||||||
url: jdbc:mysql://${MYSQL_HOST:127.0.0.1}:${MYSQL_PORT:3306}/${MYSQL_DATABASE:orion_visor}?useUnicode=true&characterEncoding=UTF-8&zeroDateTimeBehavior=convertToNull&allowPublicKeyRetrieval=true&useSSL=false&serverTimezone=Asia/Shanghai&autoReconnect=true&rewriteBatchedStatements=true&useServerPrepStmts=false
|
url: jdbc:mysql://192.168.31.189:33069/visor?useUnicode=true&characterEncoding=UTF-8&zeroDateTimeBehavior=convertToNull&allowPublicKeyRetrieval=true&useSSL=false&serverTimezone=Asia/Shanghai&autoReconnect=true&rewriteBatchedStatements=true&useServerPrepStmts=false
|
||||||
username: ${MYSQL_USER:root}
|
username: dream
|
||||||
password: ${MYSQL_PASSWORD:Data@123456}
|
password: info_dream
|
||||||
# 初始连接数
|
initial-size: 0
|
||||||
initial-size: 5
|
min-idle: 1
|
||||||
# 最小连接池数量
|
max-active: 5
|
||||||
min-idle: 5
|
|
||||||
# 最大连接池数量
|
|
||||||
max-active: 20
|
|
||||||
# 控制台
|
|
||||||
stat-view-servlet:
|
stat-view-servlet:
|
||||||
enabled: true
|
enabled: false
|
||||||
login-username: ${DRUID_USERNAME:admin}
|
|
||||||
login-password: ${DRUID_PASSWORD:admin}
|
|
||||||
web-stat-filter:
|
|
||||||
enabled: true
|
|
||||||
filter:
|
|
||||||
stat:
|
|
||||||
enabled: true
|
|
||||||
redis:
|
redis:
|
||||||
host: ${REDIS_HOST:127.0.0.1}
|
host: 192.168.31.189
|
||||||
port: ${REDIS_PORT:6379}
|
port: 6379
|
||||||
password: ${REDIS_PASSWORD:Data@123456}
|
password: admin
|
||||||
database: ${REDIS_DATABASE:0}
|
database: 1
|
||||||
data-version: ${REDIS_DATA_VERSION:2}
|
data-version: 2
|
||||||
|
mock: false
|
||||||
redisson:
|
redisson:
|
||||||
threads: 4
|
threads: 2
|
||||||
netty-threads: 4
|
netty-threads: 2
|
||||||
minimum-idle-size: 4
|
minimum-idle-size: 2
|
||||||
influxdb:
|
influxdb:
|
||||||
enabled: ${INFLUXDB_ENABLED:true}
|
enabled: true
|
||||||
url: http://${INFLUXDB_HOST:127.0.0.1}:${INFLUXDB_PORT:8086}
|
url: http://192.168.31.182:8086
|
||||||
org: ${INFLUXDB_ORG:orion-visor}
|
org: orion-visor
|
||||||
bucket: ${INFLUXDB_BUCKET:metrics}
|
bucket: metrics
|
||||||
token: ${INFLUXDB_TOKEN:Data@123456}
|
token: 3774e79ac55aff6d1afc0f94bfaf131d
|
||||||
quartz:
|
|
||||||
properties:
|
|
||||||
org:
|
|
||||||
quartz:
|
|
||||||
threadPool:
|
|
||||||
threadCount: 10
|
|
||||||
boot:
|
boot:
|
||||||
admin:
|
admin:
|
||||||
client:
|
client:
|
||||||
enabled: true
|
enabled: false
|
||||||
server:
|
server:
|
||||||
enabled: true
|
enabled: false
|
||||||
|
|
||||||
guacd:
|
guacd:
|
||||||
host: ${GUACD_HOST:127.0.0.1}
|
host: 192.168.31.182
|
||||||
port: ${GUACD_PORT:4822}
|
port: 4822
|
||||||
drive-path: ${GUACD_DRIVE_PATH:/usr/share/guacd/drive}
|
drive-path: /mnt/guacd-drives
|
||||||
|
|
||||||
management:
|
management:
|
||||||
endpoints:
|
endpoints:
|
||||||
enabled-by-default: true
|
enabled-by-default: false
|
||||||
|
web:
|
||||||
|
exposure:
|
||||||
|
include: shutdown
|
||||||
|
|
||||||
springdoc:
|
mybatis-plus:
|
||||||
api-docs:
|
configuration:
|
||||||
enabled: false
|
# 日志打印
|
||||||
swagger-ui:
|
log-impl: org.apache.ibatis.logging.stdout.StdOutImpl
|
||||||
enabled: false
|
|
||||||
|
|
||||||
knife4j:
|
|
||||||
enable: false
|
|
||||||
production: true
|
|
||||||
|
|
||||||
orion:
|
|
||||||
# 是否为演示模式
|
|
||||||
demo: ${DEMO_MODE:false}
|
|
||||||
api:
|
|
||||||
# 是否允许跨域
|
|
||||||
cors: ${API_CORS:true}
|
|
||||||
# 服务端主机地址
|
|
||||||
host: ${API_HOST:0.0.0.0}
|
|
||||||
# 服务端接口地址 默认自动生成
|
|
||||||
url: ${API_URL:}
|
|
||||||
# 获取 IP 的请求头
|
|
||||||
ip-headers: ${API_IP_HEADERS:X-Forwarded-For,X-Real-IP}
|
|
||||||
# 对外服务
|
|
||||||
expose:
|
|
||||||
# 暴露接口请求头值
|
|
||||||
token: ${API_EXPOSE_TOKEN:pmqeHOyZaumHm0Wt}
|
|
||||||
logging:
|
|
||||||
printer:
|
|
||||||
mode: PRETTY
|
|
||||||
encrypt:
|
|
||||||
aes:
|
|
||||||
# 加密密钥
|
|
||||||
secret-key: ${SECRET_KEY:uQeacXV8b3isvKLK}
|
|
||||||
|
|
||||||
app:
|
app:
|
||||||
executors:
|
executors:
|
||||||
# 默认异步线程池
|
# 默认异步线程池
|
||||||
asyncExecutor:
|
asyncExecutor:
|
||||||
mdc: true
|
mdc: true
|
||||||
core-pool-size: 8
|
core-pool-size: 2
|
||||||
max-pool-size: 16
|
max-pool-size: 4
|
||||||
queue-capacity: 100
|
queue-capacity: 30
|
||||||
allow-core-timeout: false
|
allow-core-timeout: false
|
||||||
thread-name-prefix: async-executor-
|
thread-name-prefix: async-executor-
|
||||||
# 指标存储异步线程池
|
# 指标存储异步线程池
|
||||||
metricsExecutor:
|
metricsExecutor:
|
||||||
mdc: true
|
mdc: true
|
||||||
core-pool-size: 4
|
core-pool-size: 2
|
||||||
max-pool-size: 4
|
max-pool-size: 2
|
||||||
queue-capacity: 1000
|
queue-capacity: 1000
|
||||||
allow-core-timeout: true
|
allow-core-timeout: true
|
||||||
thread-name-prefix: metrics-task-
|
thread-name-prefix: metrics-task-
|
||||||
# 推送异步线程池
|
# 推送异步线程池
|
||||||
pushExecutor:
|
pushExecutor:
|
||||||
mdc: true
|
mdc: true
|
||||||
core-pool-size: 4
|
core-pool-size: 1
|
||||||
max-pool-size: 4
|
max-pool-size: 1
|
||||||
queue-capacity: 1000
|
queue-capacity: 1000
|
||||||
allow-core-timeout: true
|
allow-core-timeout: true
|
||||||
thread-name-prefix: message-push-
|
thread-name-prefix: message-push-
|
||||||
# 探针安装线程池
|
# 探针安装线程池
|
||||||
agentInstallExecutor:
|
agentInstallExecutor:
|
||||||
|
core-pool-size: 2
|
||||||
|
max-pool-size: 2
|
||||||
|
queue-capacity: 200
|
||||||
allow-core-timeout: true
|
allow-core-timeout: true
|
||||||
thread-name-prefix: agent-install-
|
thread-name-prefix: agent-install-
|
||||||
# 终端标准输出线程池
|
# 终端标准输出线程池
|
||||||
|
|||||||
10
orion-visor-ui/pnpm-workspace.yaml
Normal file
10
orion-visor-ui/pnpm-workspace.yaml
Normal file
@@ -0,0 +1,10 @@
|
|||||||
|
onlyBuiltDependencies:
|
||||||
|
- '@parcel/watcher'
|
||||||
|
- cwebp-bin
|
||||||
|
- esbuild
|
||||||
|
- gifsicle
|
||||||
|
- jpegtran-bin
|
||||||
|
- mozjpeg
|
||||||
|
- optipng-bin
|
||||||
|
- pngquant-bin
|
||||||
|
- vue-demi
|
||||||
BIN
orion-visor-ui/src/assets/images/login-brand.png
Normal file
BIN
orion-visor-ui/src/assets/images/login-brand.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 58 KiB |
BIN
orion-visor-ui/src/assets/images/login_sutra_1.png
Normal file
BIN
orion-visor-ui/src/assets/images/login_sutra_1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 122 KiB |
@@ -1,16 +1,8 @@
|
|||||||
<template>
|
<template>
|
||||||
<a-layout-footer class="footer">
|
<a-layout-footer class="footer">
|
||||||
<a-space direction="vertical" size="small">
|
<a-space direction="vertical" size="small">
|
||||||
<a-space size="large">
|
|
||||||
<a-link target="_blank" href="https://github.com/dromara/orion-visor">github</a-link>
|
|
||||||
<a-link target="_blank" href="https://gitee.com/dromara/orion-visor">gitee</a-link>
|
|
||||||
<a-link target="_blank" href="https://visor.orionsec.cn">文档</a-link>
|
|
||||||
<a-link target="_blank" href="https://github.com/dromara/orion-visor/blob/main/LICENSE">License</a-link>
|
|
||||||
<a-link target="_blank" :href="`https://github.com/dromara/orion-visor/releases/tag/v${version}`">v{{ version }}</a-link>
|
|
||||||
</a-space>
|
|
||||||
<span class="copyright">
|
<span class="copyright">
|
||||||
Copyright<icon-copyright /> 2023 - {{ new Date().getFullYear() }} <a href="https://dromara.org">Dromara</a>, All rights reserved. Designed by
|
自动化系统运维<icon-copyright /> 2023 - {{ new Date().getFullYear() }} <a href="http://www.crontab.club">crontab.club</a>
|
||||||
<a href="https://orionsec.cn" target="_blank">Jiahang Li.</a>
|
|
||||||
</span>
|
</span>
|
||||||
</a-space>
|
</a-space>
|
||||||
</a-layout-footer>
|
</a-layout-footer>
|
||||||
|
|||||||
@@ -1,87 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="banner">
|
|
||||||
<div class="banner-inner">
|
|
||||||
<a-carousel class="carousel" animation-name="fade">
|
|
||||||
<a-carousel-item v-for="item in carouselItem" :key="item.slogan">
|
|
||||||
<div :key="item.slogan" class="carousel-item">
|
|
||||||
<div class="carousel-title">{{ item.slogan }}</div>
|
|
||||||
<div class="carousel-sub-title">{{ item.subSlogan }}</div>
|
|
||||||
<img class="carousel-image usn"
|
|
||||||
draggable="false"
|
|
||||||
:src="item.image"
|
|
||||||
:alt="item.slogan" />
|
|
||||||
</div>
|
|
||||||
</a-carousel-item>
|
|
||||||
</a-carousel>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts" setup>
|
|
||||||
import { computed } from 'vue';
|
|
||||||
import { useI18n } from 'vue-i18n';
|
|
||||||
import bannerImage from '@/assets/images/login-banner.png';
|
|
||||||
|
|
||||||
const { t } = useI18n();
|
|
||||||
const carouselItem = computed(() => [
|
|
||||||
{
|
|
||||||
slogan: t('login.banner.slogan1'),
|
|
||||||
subSlogan: t('login.banner.subSlogan1'),
|
|
||||||
image: bannerImage,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
slogan: t('login.banner.slogan2'),
|
|
||||||
subSlogan: t('login.banner.subSlogan2'),
|
|
||||||
image: bannerImage,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
slogan: t('login.banner.slogan3'),
|
|
||||||
subSlogan: t('login.banner.subSlogan3'),
|
|
||||||
image: bannerImage,
|
|
||||||
},
|
|
||||||
]);
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="less" scoped>
|
|
||||||
.banner {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
|
|
||||||
&-inner {
|
|
||||||
flex: 1;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.carousel {
|
|
||||||
height: 100%;
|
|
||||||
|
|
||||||
&-item {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
&-title {
|
|
||||||
color: var(--color-fill-1);
|
|
||||||
font-weight: 500;
|
|
||||||
font-size: 20px;
|
|
||||||
line-height: 28px;
|
|
||||||
}
|
|
||||||
|
|
||||||
&-sub-title {
|
|
||||||
margin-top: 8px;
|
|
||||||
color: var(--color-text-3);
|
|
||||||
font-size: 14px;
|
|
||||||
line-height: 22px;
|
|
||||||
}
|
|
||||||
|
|
||||||
&-image {
|
|
||||||
width: 320px;
|
|
||||||
margin-top: 30px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -2,109 +2,201 @@
|
|||||||
<div class="container">
|
<div class="container">
|
||||||
<!-- 顶部 logo -->
|
<!-- 顶部 logo -->
|
||||||
<div class="logo">
|
<div class="logo">
|
||||||
<img class="logo-img"
|
<img class="logo-img" alt="logo" src="@/assets/logo.svg?url" />
|
||||||
alt="logo"
|
<div class="logo-text">系统自动化运维</div>
|
||||||
src="@/assets/logo.svg?url" />
|
|
||||||
<div class="logo-text">Orion Visor</div>
|
|
||||||
</div>
|
</div>
|
||||||
<!-- 左侧 banner -->
|
|
||||||
<login-banner />
|
|
||||||
<!-- 主体部分 -->
|
<!-- 主体部分 -->
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div class="content-inner">
|
<div class="content-inner">
|
||||||
<!-- 登录表单 -->
|
<!-- 登录表单卡片 -->
|
||||||
<login-form />
|
<div class="login-card">
|
||||||
</div>
|
<login-form />
|
||||||
<!-- 页脚 -->
|
</div>
|
||||||
<div class="footer">
|
|
||||||
<app-footer />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- 页脚 -->
|
||||||
|
<div class="footer">
|
||||||
|
<app-footer />
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
export default {
|
export default {
|
||||||
name: 'login',
|
name: 'login',
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { Notification } from '@arco-design/web-vue';
|
import { Notification } from '@arco-design/web-vue';
|
||||||
import { reLoginTipsKey } from '@/types/symbol';
|
import { reLoginTipsKey } from '@/types/symbol';
|
||||||
import LoginBanner from './components/banner.vue';
|
import LoginForm from './components/login-form.vue';
|
||||||
import LoginForm from './components/login-form.vue';
|
import AppFooter from '@/components/app/app-footer/index.vue';
|
||||||
import AppFooter from '@/components/app/app-footer/index.vue';
|
|
||||||
|
|
||||||
// 登录提示
|
// 登录提示
|
||||||
const tips = window.sessionStorage.getItem(reLoginTipsKey);
|
const tips = window.sessionStorage.getItem(reLoginTipsKey);
|
||||||
window.sessionStorage.removeItem(reLoginTipsKey);
|
window.sessionStorage.removeItem(reLoginTipsKey);
|
||||||
if (tips) {
|
if (tips) {
|
||||||
Notification.error({
|
Notification.error({
|
||||||
closable: true,
|
closable: true,
|
||||||
content: tips,
|
content: tips,
|
||||||
duration: 5 * 1000,
|
duration: 5 * 1000,
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.container {
|
// 定义响应式断点
|
||||||
display: flex;
|
@screen-lg: 1200px;
|
||||||
height: 100vh;
|
@screen-md: 768px;
|
||||||
|
|
||||||
.banner {
|
// 更协调的蓝色渐变(柔和版)
|
||||||
width: 550px;
|
@bg-blue-light: #e6f0ff; // 浅蓝(顶部)
|
||||||
background: linear-gradient(163.85deg, #1d2129 0%, #00308f 100%);
|
@bg-blue-main: #1e6fff; // 主蓝(中间)
|
||||||
}
|
@bg-blue-dark: #0f5ce0; // 深蓝(底部)
|
||||||
|
@footer-text-color: #ffffff; // 页脚文字白色
|
||||||
|
|
||||||
.content {
|
.container {
|
||||||
position: relative;
|
display: flex;
|
||||||
display: flex;
|
flex-direction: column;
|
||||||
flex: 1;
|
height: 100vh;
|
||||||
align-items: center;
|
// 柔和的垂直渐变背景
|
||||||
justify-content: center;
|
background:
|
||||||
padding-bottom: 40px;
|
url('@/assets/images/login_sutra_1.png') no-repeat center center,
|
||||||
}
|
linear-gradient(to bottom, @bg-blue-light, @bg-blue-main 50%, @bg-blue-dark);
|
||||||
|
background-size: contain;
|
||||||
|
background-attachment: fixed;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
padding-bottom: 60px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
.footer {
|
.content {
|
||||||
position: absolute;
|
position: relative;
|
||||||
right: 0;
|
display: flex;
|
||||||
bottom: 0;
|
flex: 1;
|
||||||
width: 100%;
|
align-items: center;
|
||||||
}
|
justify-content: flex-end;
|
||||||
|
padding-right: 420px;
|
||||||
|
padding-left: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
// 固定定位确保显示
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 20px;
|
||||||
|
width: 100%;
|
||||||
|
// 移除背景相关样式
|
||||||
|
background: none;
|
||||||
|
padding: 0 15px; // 仅保留左右内边距防止贴边
|
||||||
|
border-radius: 0; // 移除圆角
|
||||||
|
max-width: 600px; // 限制宽度
|
||||||
|
margin: 0 auto; // 水平居中
|
||||||
|
// 文字样式优化(无背景下增强可读性)
|
||||||
|
color: @footer-text-color;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 500; // 加粗一点提升辨识度
|
||||||
|
line-height: 1.5;
|
||||||
|
// 强化文字阴影(核心:无背景时提升可读性)
|
||||||
|
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
|
||||||
|
// 强制单行+溢出处理
|
||||||
|
white-space: nowrap;
|
||||||
|
text-align: center;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
// 高层级避免遮挡
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
position: fixed;
|
||||||
|
top: 24px;
|
||||||
|
left: 22px;
|
||||||
|
z-index: 1;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
&-img {
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&-text {
|
||||||
|
margin: 0 4px;
|
||||||
|
color: #ffffff;
|
||||||
|
font-size: 20px;
|
||||||
|
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-inner {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 420px;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 登录卡片样式
|
||||||
|
.login-card {
|
||||||
|
background: rgba(255, 255, 255, 0.92);
|
||||||
|
border-radius: 12px;
|
||||||
|
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
|
||||||
|
padding: 48px 40px;
|
||||||
|
border: 1px solid rgba(255, 255, 255, 0.2);
|
||||||
|
backdrop-filter: blur(12px);
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 响应式适配
|
||||||
|
@media (max-width: @screen-lg) {
|
||||||
|
.content {
|
||||||
|
padding-right: 80px;
|
||||||
|
justify-content: flex-end;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
bottom: 15px;
|
||||||
|
font-size: 13px;
|
||||||
|
max-width: 500px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: @screen-md) {
|
||||||
|
.content {
|
||||||
|
justify-content: center;
|
||||||
|
padding-right: 20px;
|
||||||
|
padding-left: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-card {
|
||||||
|
padding: 36px 32px;
|
||||||
|
max-width: 380px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 480px) {
|
||||||
.logo {
|
.logo {
|
||||||
position: fixed;
|
left: 16px;
|
||||||
top: 24px;
|
top: 16px;
|
||||||
left: 22px;
|
|
||||||
z-index: 1;
|
|
||||||
display: inline-flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
&-img {
|
|
||||||
width: 32px;
|
|
||||||
height: 32px;
|
|
||||||
}
|
|
||||||
|
|
||||||
&-text {
|
&-text {
|
||||||
display: flex;
|
font-size: 18px;
|
||||||
margin-right: 4px;
|
|
||||||
margin-left: 4px;
|
|
||||||
color: var(--color-fill-1);
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
|
||||||
|
.login-card {
|
||||||
<style lang="less" scoped>
|
padding: 32px 24px;
|
||||||
// responsive
|
max-width: 100%;
|
||||||
@media (max-width: @screen-lg) {
|
|
||||||
.container {
|
|
||||||
.banner {
|
|
||||||
width: 25%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
</style>
|
|
||||||
|
.footer {
|
||||||
|
font-size: 12px;
|
||||||
|
bottom: 10px;
|
||||||
|
max-width: 90%;
|
||||||
|
font-weight: 500;
|
||||||
|
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -1,5 +1,5 @@
|
|||||||
export default {
|
export default {
|
||||||
'login.form.title': '登录 Orion Visor',
|
'login.form.title': '登录 MyWorker 系统运维',
|
||||||
'login.form.sub.title': '一站式服务器运维解决方案',
|
'login.form.sub.title': '一站式服务器运维解决方案',
|
||||||
'login.form.userName.errMsg': '用户名不能为空',
|
'login.form.userName.errMsg': '用户名不能为空',
|
||||||
'login.form.password.errMsg': '密码不能为空',
|
'login.form.password.errMsg': '密码不能为空',
|
||||||
|
|||||||
Reference in New Issue
Block a user