study/ClipboardManager
1
0
Fork 0
mirror of https://github.com/ZiuChen/ClipboardManager.git synced 2025-09-27 13:53:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: 添加卡片组件 重要版本更新将弹出提示更新内容

Browse Source
This commit is contained in:
ZiuChen
2022-09-16 12:51:52 +08:00
parent fde3286e82
commit d2b64d890a
7 changed files with 182 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
src/style/cpns/clip-card.less Normal file
View File

@@ -0,0 +1,81 @@
.clip-card {
position: absolute;
top: 10%;
left: 10%;
width: 80%;
height: 80%;
z-index: 999999999;
background-color: @bg-color;
border-radius: 10px;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
&-header {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50px;
border-radius: 5px 5px 0px 0px;
background-color: @primary-color;
color: @bg-color;
display: flex;
align-items: center;
justify-content: space-between;
.clip-card-header-title {
margin-left: 25px;
font-size: 17px;
font-weight: 600;
}
.clip-card-header-operate {
display: flex;
align-items: center;
cursor: pointer;
margin: 20px;
.clip-card-header-operate-item {
margin-left: 10px;
cursor: pointer;
&:first-child {
margin-left: 0;
}
}
}
}
&-content {
position: absolute;
top: 50px;
left: 0;
overflow: auto;
padding: 30px;
color: @text-color;
.clip-card-content-item {
font-size: 15px;
margin-bottom: 10px;
&:last-child {
margin-bottom: 0;
}
}
}
&-footer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50px;
background-color: @primary-color;
color: @text-color;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 0px 0px 5px 5px;
.clip-card-footer-operate {
display: flex;
align-items: center;
.clip-card-footer-operate-item {
margin-left: 10px;
cursor: pointer;
&:first-child {
margin-left: 0;
}
}
}
}
}

2
src/style/cpns/clip-full-data.less
View File

@@ -53,7 +53,7 @@
}
}
.clip-overlay {
z-index: 999999999;
z-index: 9999999;
position: fixed;
top: 0;
height: 100%;