Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
iBiz-Vue-R7-Res
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
计划
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
统计图
创建新议题
作业
提交
议题看板
打开侧边栏
iBiz-R7前端标准模板
iBiz-Vue-R7-Res
提交
8d9ee463
提交
8d9ee463
编写于
12月 13, 2022
作者:
WodahsOrez
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update: 颜色变量,按钮样式
上级
f8ae7a25
变更
6
显示空白字符变更
内嵌
并排
正在显示
6 个修改的文件
包含
131 行增加
和
55 行删除
+131
-55
grid-view-layout.scss
src/layout/grid-view-layout/grid-view-layout.scss
+0
-14
pickup-grid-view-layout.scss
...yout/pickup-grid-view-layout/pickup-grid-view-layout.scss
+0
-14
pickup-view-layout.scss
src/layout/pickup-view-layout/pickup-view-layout.scss
+6
-0
common.scss
src/styles/common.scss
+5
-11
button.scss
src/styles/iview/button.scss
+31
-16
var.scss
src/styles/var.scss
+89
-0
未找到文件。
src/layout/grid-view-layout/grid-view-layout.scss
浏览文件 @
8d9ee463
...
@@ -72,21 +72,7 @@
...
@@ -72,21 +72,7 @@
background-color
:
transparent
;
background-color
:
transparent
;
gap
:
10px
;
gap
:
10px
;
.ivu-btn
{
.ivu-btn
{
width
:
110px
;
height
:
34px
;
display
:
flex
;
flex-direction
:
row
;
justify-content
:
center
;
align-items
:
center
;
padding
:
10px
20px
;
margin
:
20px
0
;
margin
:
20px
0
;
background
:
var
(
--
app-color-white
);
border
:
1px
solid
var
(
--
app-color-blue
);
border-radius
:
0
;
}
.ivu-btn-primary
{
background
:
var
(
--
app-color-blue
);
color
:
var
(
--
app-color-white
);
}
}
}
}
>
.view-content
{
>
.view-content
{
...
...
src/layout/pickup-grid-view-layout/pickup-grid-view-layout.scss
浏览文件 @
8d9ee463
...
@@ -61,21 +61,7 @@
...
@@ -61,21 +61,7 @@
background-color
:
transparent
;
background-color
:
transparent
;
gap
:
10px
;
gap
:
10px
;
.ivu-btn
{
.ivu-btn
{
width
:
110px
;
height
:
34px
;
display
:
flex
;
flex-direction
:
row
;
justify-content
:
center
;
align-items
:
center
;
padding
:
10px
20px
;
margin
:
16px
0
;
margin
:
16px
0
;
background
:
var
(
--
app-color-white
);
border
:
1px
solid
var
(
--
app-color-blue
);
border-radius
:
0
;
}
.ivu-btn-primary
{
background
:
var
(
--
app-color-blue
);
color
:
var
(
--
app-color-white
);
}
}
}
}
.view-content
{
.view-content
{
...
...
src/layout/pickup-view-layout/pickup-view-layout.scss
浏览文件 @
8d9ee463
...
@@ -16,5 +16,11 @@
...
@@ -16,5 +16,11 @@
>
.view-footer
{
>
.view-footer
{
flex
:
auto
;
flex
:
auto
;
height
:
40px
;
height
:
40px
;
.ivu-btn
{
height
:
var
(
--
ey-confirm-button-height
);
font-size
:
var
(
--
ey-confirm-button-font-size
);
padding
:
var
(
--
ey-confirm-button-padding
);
border-radius
:
var
(
--
ey-confirm-button-radius
);
}
}
}
}
}
\ No newline at end of file
src/styles/common.scss
浏览文件 @
8d9ee463
...
@@ -80,17 +80,11 @@
...
@@ -80,17 +80,11 @@
margin-top
:
0
;
margin-top
:
0
;
display
:
flex
;
display
:
flex
;
justify-content
:
flex-end
;
justify-content
:
flex-end
;
.ivu-btn
:nth-child
(
1
)
{
.ivu-btn
{
border
:
none
;
height
:
var
(
--
ey-confirm-button-height
);
background-color
:
var
(
--
app-color-gray-200
);
font-size
:
var
(
--
ey-confirm-button-font-size
);
color
:
var
(
--
app-color-black
);
padding
:
var
(
--
ey-confirm-button-padding
);
font-size
:
14px
;
border-radius
:
var
(
--
ey-confirm-button-radius
);
}
.ivu-btn
:nth-child
(
2
)
{
border
:
none
;
background-color
:
var
(
--
app-color-blue
);
color
:
var
(
--
app-color-white
);
font-size
:
14px
;
}
}
}
}
}
}
\ No newline at end of file
src/styles/iview/button.scss
浏览文件 @
8d9ee463
.ivu-btn
{
.ivu-btn
{
min-width
:
110px
;
min-width
:
10px
;
height
:
34px
;
display
:
flex
;
display
:
flex
;
flex-direction
:
row
;
flex-direction
:
row
;
justify-content
:
center
;
justify-content
:
center
;
align-items
:
center
;
align-items
:
center
;
padding
:
10px
20px
;
background
:
var
(
--
ey-ghost-button-color
);
background
:
var
(
--
app-color-white
);
border
:
1px
solid
var
(
--
ey-ghost-button-border-color
);
border
:
1px
solid
var
(
--
app-color-gray-250
);
color
:
var
(
--
ey-ghost-button-font-color
);
border-radius
:
0
;
height
:
var
(
--
ey-medium-button-height
);
font-size
:
var
(
--
ey-medium-button-font-size
);
padding
:
var
(
--
ey-medium-button-padding
);
border-radius
:
var
(
--
ey-medium-button-radius
);
z-index
:
0
;
z-index
:
0
;
.caption
{
.caption
{
margin-left
:
4px
;
margin-left
:
4px
;
}
}
&
:hover
{
&
:hover
{
color
:
var
(
--
app-color-blue
);
background
:
var
(
--
ey-ghost-button-hover-color
);
border-color
:
var
(
--
app-color-blue
);
border
:
1px
solid
var
(
--
ey-ghost-button-hover-border-color
);
color
:
var
(
--
ey-ghost-button-hover-font-color
);
}
}
&
.ivu-btn-primary
{
&
[
disabled
]
{
background-color
:
var
(
--
app-color-blue
);
background
:
var
(
--
ey-ghost-button-disabled-color
);
color
:
var
(
--
app-color-white
);
border
:
1px
solid
var
(
--
ey-ghost-button-disabled-border-color
);
color
:
var
(
--
ey-ghost-button-disabled-font-color
);
}
}
// 重要按钮样式
&
.ivu-btn-primary
,
&
.srfactionlevel250
{
&
.srfactionlevel250
{
background-color
:
var
(
--
app-color-blue
);
background
:
var
(
--
ey-button-color
);
color
:
var
(
--
app-color-white
);
border
:
1px
solid
var
(
--
ey-button-border-color
);
color
:
var
(
--
ey-button-font-color
);
&
:hover
{
background
:
var
(
--
ey-button-hover-color
);
border
:
1px
solid
var
(
--
ey-button-hover-border-color
);
color
:
var
(
--
ey-button-hover-font-color
);
}
}
&
[
disabled
]
{
&
[
disabled
]
{
background
:
var
(
--
app-color-gray-250
);
background
:
var
(
--
ey-button-disabled-color
);
border
:
1px
solid
var
(
--
ey-button-disabled-border-color
);
color
:
var
(
--
ey-button-disabled-font-color
);
}
}
}
}
}
\ No newline at end of file
src/styles/var.scss
浏览文件 @
8d9ee463
...
@@ -30,3 +30,92 @@
...
@@ -30,3 +30,92 @@
// 安永默认行高
// 安永默认行高
--app-line-height
:
22px
;
--app-line-height
:
22px
;
}
}
// 安永新标准颜色变量
:root
{
// 安永黑
--ey-color-black
:
#2E2E38
;
// 安永灰1
--ey-color-gray-100
:
#747480
;
// 安永灰2
--ey-color-gray-200
:
#C4C4CD
;
// 安永灰2 50%
--ey-color-gray-250
:
#E1E1E6
;
// 安永灰4
--ey-color-gray-400
:
#F6F6FA
;
// 安永白
--ey-color-white
:
#FFFFFF
;
// 安永蓝
--ey-color-blue
:
#188CE5
;
// 安永黄
--ey-color-yellow
:
#FFE600
;
// 安永橙
--ey-color-orange
:
#FF810A
;
// 安永蓝绿
--ey-color-blue-green
:
#27ACAA
;
// 安永蓝绿10%
--ey-color-blue-green-110
:
#27acaa
1a
;
// 按钮颜色
--ey-button-color
:
var
(
--
ey-color-blue-green
);
--ey-button-border-color
:
var
(
--
ey-color-blue-green
);
--ey-button-font-color
:
var
(
--
ey-color-white
);
// 按钮hover颜色
--ey-button-hover-color
:
#1F7D84
;
--ey-button-hover-border-color
:
#1F7D84
;
--ey-button-hover-font-color
:
var
(
--
ey-color-white
);
// 按钮disabled颜色
--ey-button-disabled-color
:
var
(
--
ey-color-gray-200
);
--ey-button-disabled-border-color
:
var
(
--
ey-color-gray-200
);
--ey-button-disabled-font-color
:
var
(
--
ey-color-white
);
// 幽灵按钮颜色
--ey-ghost-button-color
:
var
(
--
ey-color-white
);
--ey-ghost-button-border-color
:
var
(
--
ey-color-blue-green
);
--ey-ghost-button-font-color
:
var
(
--
ey-color-blue-green
);
// 幽灵按钮hover颜色
--ey-ghost-button-hover-color
:
var
(
--
ey-color-blue-green
);
--ey-ghost-button-hover-border-color
:
var
(
--
ey-color-blue-green
);
--ey-ghost-button-hover-font-color
:
var
(
--
ey-color-white
);
// 幽灵按钮disabled颜色
--ey-ghost-button-disabled-color
:
var
(
--
ey-color-white
);
--ey-ghost-button-disabled-border-color
:
var
(
--
ey-color-gray-200
);
--ey-ghost-button-disabled-font-color
:
var
(
--
ey-color-gray-200
);
// 中等尺寸按钮字体大小
--ey-medium-button-font-size
:
18px
;
// 中等尺寸按钮字体大小
--ey-medium-button-padding
:
9px
15px
;
// 中等尺寸按钮圆角
--ey-medium-button-radius
:
6px
;
// 中等尺寸按钮高度
--ey-medium-button-height
:
36px
;
// 大尺寸按钮字体大小
--ey-large-button-font-size
:
22px
;
// 大尺寸按钮字体大小
--ey-large-button-padding
:
10px
20px
;
// 大尺寸按钮圆角
--ey-large-button-radius
:
6px
;
// 大尺寸按钮高度
--ey-large-button-height
:
41px
;
// 小尺寸按钮字体大小
--ey-small-button-font-size
:
12px
;
// 小尺寸按钮字体大小
--ey-small-button-padding
:
7px
15px
;
// 小尺寸按钮圆角
--ey-small-button-radius
:
4px
;
// 小尺寸按钮高度
--ey-small-button-height
:
24px
;
// 确认框按钮字体大小
--ey-confirm-button-font-size
:
14px
;
// 确认框按钮字体大小
--ey-confirm-button-padding
:
4px
36px
;
// 确认框按钮圆角
--ey-confirm-button-radius
:
4px
;
// 确认框按钮高度
--ey-confirm-button-height
:
30px
;
}
编辑
预览
Markdown
格式
0%
请重试
or
添加新附件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录