Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
虎纹鲨鱼
avatar
提交
3c41dee5
A
avatar
项目概览
虎纹鲨鱼
/
avatar
通知
4
Star
255
Fork
105
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
A
avatar
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
3c41dee5
编写于
10月 20, 2021
作者:
L
LeoKu
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat: add gradient bg-color
上级
3a3f4db9
变更
5
隐藏空白更改
内联
并排
Showing
5 changed file
with
17 addition
and
12 deletion
+17
-12
src/components/CodeModal.vue
src/components/CodeModal.vue
+1
-4
src/components/Configurator.vue
src/components/Configurator.vue
+6
-3
src/components/DownloadModal.vue
src/components/DownloadModal.vue
+4
-1
src/utils/constant.ts
src/utils/constant.ts
+5
-3
src/utils/index.ts
src/utils/index.ts
+1
-1
未找到文件。
src/components/CodeModal.vue
浏览文件 @
3c41dee5
...
...
@@ -96,10 +96,7 @@ onUnmounted(() => {
padding
:
2rem
0
;
overflow
:
hidden
;
transform
:
translate
(
-50%
,
0
);
@supports
(
backdrop-filter
:
blur
(
0
.1rem
))
{
backdrop-filter
:
blur
(
0
.1rem
);
}
backdrop-filter
:
blur
(
0
.1rem
);
}
.code-box
{
...
...
src/components/Configurator.vue
浏览文件 @
3c41dee5
...
...
@@ -166,7 +166,6 @@ function switchWidget(widgetType: WidgetType, widgetShape: WidgetShape) {
width
:
$layout-sider-width
;
height
:
100%
;
background-color
:
$color-configurator
;
backdrop-filter
:
blur
(
10px
);
}
.configurator
{
...
...
@@ -209,7 +208,10 @@ function switchWidget(widgetType: WidgetType, widgetShape: WidgetShape) {
align-items
:
center
;
.bg-color-list__item
{
padding
:
0
.4rem
0
.5rem
;
position
:
relative
;
z-index
:
1
;
flex
:
1
;
padding
:
0
.6rem
0
.5rem
;
cursor
:
pointer
;
transition
:
transform
0
.2s
;
...
...
@@ -229,7 +231,7 @@ function switchWidget(widgetType: WidgetType, widgetShape: WidgetShape) {
z-index
:
-1
;
width
:
100%
;
height
:
100%
;
background
-color
:
inherit
;
background
:
inherit
;
border-radius
:
50%
;
transform
:
translate
(
-50%
,
-50%
);
opacity
:
0
.5
;
...
...
@@ -241,6 +243,7 @@ function switchWidget(widgetType: WidgetType, widgetShape: WidgetShape) {
position
:
absolute
;
top
:
50%
;
left
:
50%
;
z-index
:
1
;
color
:
$color-configurator
;
font-size
:
1
.5rem
;
transform
:
translate
(
-50%
,
-50%
)
scale
(
0
.5
);
...
...
src/components/DownloadModal.vue
浏览文件 @
3c41dee5
...
...
@@ -49,9 +49,12 @@ const { t } = useI18n()
height
:
100%
;
padding
:
2rem
0
;
overflow
:
hidden
;
background-color
:
rgba
(
$color-dark
,
0
.4
);
transform
:
translate
(
-50%
,
0
);
backdrop-filter
:
blur
(
0
.3rem
);
@supports
not
(
backdrop-filter
:
blur
(
0
.3rem
))
{
background-color
:
rgba
(
$color-dark
,
0
.8
);
}
}
.download-modal
{
...
...
src/utils/constant.ts
浏览文件 @
3c41dee5
...
...
@@ -72,8 +72,6 @@ export const SETTINGS: Readonly<AvatarSettings> = {
clothesShape
:
Object
.
values
(
ClothesShape
),
backgroundColor
:
[
'
#EEE
'
,
'
#9287FF
'
,
'
#6BD9E9
'
,
'
#FC909F
'
,
'
#F4D150
'
,
...
...
@@ -83,7 +81,11 @@ export const SETTINGS: Readonly<AvatarSettings> = {
'
#FFEBA4
'
,
'
#506AF4
'
,
'
#F48150
'
,
'
#74D153
'
,
'
linear-gradient(45deg, #E3648C, #D97567)
'
,
'
linear-gradient(62deg, #8EC5FC, #E0C3FC)
'
,
'
linear-gradient(90deg, #ffecd2, #fcb69f)
'
,
'
linear-gradient(120deg, #a1c4fd, #c2e9fb)
'
,
'
linear-gradient(-135deg, #fccb90, #d57eeb)
'
,
],
skinColor
:
[
'
#F9C9B6
'
,
'
#AC6651
'
],
clothesColor
:
[
'
#9287FF
'
,
'
#6BD9E9
'
,
'
#FC909F
'
,
'
#F4D150
'
,
'
#77311D
'
],
...
...
src/utils/index.ts
浏览文件 @
3c41dee5
...
...
@@ -136,7 +136,7 @@ export function showConfetti() {
const
duration
=
performance
.
now
()
+
1
*
1000
const
colors
=
SETTINGS
.
backgroundColor
.
slice
(
1
,
4
)
const
colors
=
[
'
#6967fe
'
,
'
#85e9f4
'
,
'
#e16984
'
]
void
(
function
frame
()
{
myConfetti
({
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录