xwl2023/Yi.Framework
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update: 修复样式规则报错

Browse Source
This commit is contained in:
Gsh
2025-06-28 14:33:13 +08:00
parent 330845a387
commit 24d2908cca
11 changed files with 177 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
Yi.Ai.Vue3/.env.development
View File

@@ -11,8 +11,8 @@ VITE_WEB_ENV = 'development'
VITE_WEB_BASE_API = '/dev-api'
# 本地接口
VITE_API_URL = http://localhost:19001/api/app
#VITE_API_URL=http://ccnetcore.com:19001/api/app
# VITE_API_URL = http://localhost:19001/api/app
VITE_API_URL=http://ccnetcore.com:19001/api/app
# SSO单点登录url
# SSO_SEVER_URL='http://localhost:18001'

18
Yi.Ai.Vue3/src/styles/btn-style.scss
View File

@@ -1,35 +1,33 @@
// 公共的图表按钮样式
.btn-icon-btn {
display: inline-block;
align-items: center;
justify-content: center;
display: inline-block;
border: 1px solid transparent;
border-radius: 30%;
padding: 4px;
cursor: pointer;
border: 1px solid transparent;
border-radius: 30%;
transition: all 0.3s ease;
// 鼠标移入
&:hover {
background-color: rgb(0, 0, 0, .05);
background-color: rgb(0 0 0 / 5%);
.svg-icon {
color: rgb(0, 0, 0, .6);
color: rgb(0 0 0 / 60%);
}
}
// 鼠标按下
&:active {
background-color: rgb(0, 0, 0, .08);
background-color: rgb(0 0 0 / 8%);
.svg-icon {
color: rgb(0, 0, 0, .7);
color: rgb(0 0 0 / 70%);
}
}
// 图标
.svg-icon {
color: rgb(0 0 0 / 50%);
user-select: none;
color: rgb(0, 0, 0, .5);
}
}

35
Yi.Ai.Vue3/src/styles/btn-style.scss.bak Normal file
View File

@@ -0,0 +1,35 @@
// 公共的图表按钮样式
.btn-icon-btn {
align-items: center;
justify-content: center;
display: inline-block;
border: 1px solid transparent;
border-radius: 30%;
padding: 4px;
cursor: pointer;
transition: all 0.3s ease;
// 鼠标移入
&:hover {
background-color: rgb(0, 0, 0, .05);
.svg-icon {
color: rgb(0, 0, 0, .6);
}
}
// 鼠标按下
&:active {
background-color: rgb(0, 0, 0, .08);
.svg-icon {
color: rgb(0, 0, 0, .7);
}
}
// 图标
.svg-icon {
user-select: none;
color: rgb(0, 0, 0, .5);
}
}

15
Yi.Ai.Vue3/src/styles/element-plus.scss
View File

@@ -1,15 +1,15 @@
.el-form{
.el-form-item{
&:nth-last-child(1){
margin-bottom: 0px;
margin-bottom: 0;
}
}
}
// el 弹框不知道为啥宽度会变大
.el-popup-parent--hidden {
overflow: hidden;
width: 100% !important;
overflow: hidden;
}
@@ -22,29 +22,28 @@
// rounded-tooltip 提示框样式
.rounded-tooltip {
border-radius: 10px !important;
display: flex;
align-items: center;
height: fit-content;
border-radius: 10px !important;
}
.rounded-tooltip-enter-from {
transform: scale(0.9); /* 进入前：缩小隐藏 */
opacity: 0;
transform: scale(0.9); /* 进入前：缩小隐藏 */
}
.rounded-tooltip-enter-active,
.rounded-tooltip-leave-active {
transition: transform 0.3s, opacity 0.3s; /* 缓入动画 */
}
.rounded-tooltip-enter-to {
transform: scale(1); /* 进入后：正常大小 */
opacity: 1;
transform: scale(1); /* 进入后：正常大小 */
}
.rounded-tooltip-leave-from {
transform: scale(1); /* 离开前：正常大小 */
opacity: 1;
transform: scale(1); /* 离开前：正常大小 */
}
.rounded-tooltip-leave-to {
transform: scale(0.9); /* 离开后：缩小隐藏 */
opacity: 0;
transform: scale(0.9); /* 离开后：缩小隐藏 */
}

50
Yi.Ai.Vue3/src/styles/element-plus.scss.bak Normal file
View File

@@ -0,0 +1,50 @@
.el-form{
.el-form-item{
&:nth-last-child(1){
margin-bottom: 0px;
}
}
}
// el 弹框不知道为啥宽度会变大
.el-popup-parent--hidden {
overflow: hidden;
width: 100% !important;
}
// messagebox 样式
.is-message-box {
.el-message-box {
border-radius: 16px;
}
}
// rounded-tooltip 提示框样式
.rounded-tooltip {
border-radius: 10px !important;
display: flex;
align-items: center;
height: fit-content;
}
.rounded-tooltip-enter-from {
transform: scale(0.9); /* 进入前：缩小隐藏 */
opacity: 0;
}
.rounded-tooltip-enter-active,
.rounded-tooltip-leave-active {
transition: transform 0.3s, opacity 0.3s; /* 缓入动画 */
}
.rounded-tooltip-enter-to {
transform: scale(1); /* 进入后：正常大小 */
opacity: 1;
}
.rounded-tooltip-leave-from {
transform: scale(1); /* 离开前：正常大小 */
opacity: 1;
}
.rounded-tooltip-leave-to {
transform: scale(0.9); /* 离开后：缩小隐藏 */
opacity: 0;
}

6
Yi.Ai.Vue3/src/styles/elx.scss
View File

@@ -4,26 +4,22 @@
.image-preview-container {
flex: none !important;
}
.elx-files-card-content {
gap: 8px;
.elx-files-card-description {
line-height: 1.35;
}
}
.prev-next-btn {
position: absolute;
top: calc(50% + 3px);
transform: translateY(-50%);
z-index: 10;
cursor: pointer;
transform: translateY(-50%);
}
.elx-attachments-file-card-wrap {
padding-top: 6px;
}
.elx-attachments-card {
user-select: none;
}

36
Yi.Ai.Vue3/src/styles/elx.scss.bak Normal file
View File

@@ -0,0 +1,36 @@
// 覆盖一些 elx 组件样式
// attachments 图片组件的 1.2.0 版本样式 bug
.image-preview-container {
flex: none !important;
}
.elx-files-card-content {
gap: 8px;
.elx-files-card-description {
line-height: 1.35;
}
}
.prev-next-btn {
position: absolute;
top: calc(50% + 3px);
transform: translateY(-50%);
z-index: 10;
cursor: pointer;
}
.elx-attachments-file-card-wrap {
padding-top: 6px;
}
.elx-attachments-card {
user-select: none;
}
// 隐藏 elx-sender-header 组件的底部边框
.el-sender-header {
border-bottom-color: transparent !important;
}

9
Yi.Ai.Vue3/src/styles/index.scss
View File

@@ -1,9 +1,8 @@
@use './media.scss';
@use './btn-style.scss';
@use './media';
@use './btn-style';
@use 'reset-css';
@use './element-plus.scss';
@use './elx.scss';
@use './element-plus';
@use './elx';
body{
overflow: hidden;
}

9
Yi.Ai.Vue3/src/styles/index.scss.bak Normal file
View File

@@ -0,0 +1,9 @@
@use './media.scss';
@use './btn-style.scss';
@use 'reset-css';
@use './element-plus.scss';
@use './elx.scss';
body{
overflow: hidden;
}

2
Yi.Ai.Vue3/src/styles/var.scss
View File

@@ -13,7 +13,7 @@
--login-dialog-section-padding: 0px;
--login-dialog-border-radius: 24px;
--login-dialog-mode-toggle-color: #409eff;
--login-dialog-logo-background: #fff;
--login-dialog-logo-background: #ffffff;
--login-dialog-logo-text-color: #191919;

24
Yi.Ai.Vue3/src/styles/var.scss.bak Normal file
View File

@@ -0,0 +1,24 @@
:root {
/* 头部高度 */
--header-container-default-heigth: 56px;
/* 左侧侧边栏背景色 */
--sidebar-background-color: #f3f4f6;
/* 登录弹框变量 */
--login-dialog-width: 738px;
--login-dialog-height: 416px;
--login-dialog-padding: 0px;
--login-dialog-section-padding: 0px;
--login-dialog-border-radius: 24px;
--login-dialog-mode-toggle-color: #409eff;
--login-dialog-logo-background: #fff;
--login-dialog-logo-text-color: #191919;
/* 覆盖 element-plus 样式 */
--el-border-radius-base: 12px !important;
--el-messagebox-border-radius: 16px !important;
}