hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-15 05:46:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

style：修改学习路径 关卡 创建关卡页面的样式

Browse Source
This commit is contained in:
songwc
2022-10-11 15:31:17 +08:00
parent e26fdbd49a
commit 87361da9dc
7 changed files with 620 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
src/views/learningpath/LevelAdd.vue
View File

@@ -120,11 +120,14 @@
<div class="linee"></div>
<div class="itright">
<span class="te">编辑</span>
<span class="more">
<span class="te" style="margin-left: 20px">更多</span>
<div class="more">
<div class="te" style="margin-left: 20px">更多</div>
<div class="moreArrow"></div>
<div class="moreItems"></div>
</span>
<div class="moreItems">
<div class="roleItem">复制</div>
<div class="roleItem">删除</div>
</div>
</div>
</div>
</div>
</div>
@@ -441,7 +444,9 @@ export default {
.more {
position: relative;
margin-right: 30px;
height: 30px;
display: flex;
align-items: center;
.moreArrow {
width: 13px;
height: 7px;
@@ -461,7 +466,7 @@ export default {
border: 0px solid #dcdcdc;
position: absolute;
left: -48px;
top: 28px;
top: 30px;
z-index: 100;
.sammo {
text-align: center;
@@ -611,6 +616,7 @@ export default {
}
.Lbom {
position: relative;
margin-bottom: 20px;
.item {
width: 100%;
height: 200px;
@@ -680,41 +686,56 @@ export default {
.itright {
position: absolute;
right: 45px;
display: flex;
.te {
color: #4ea6ff;
font-size: 14px;
}
}
.more {
position: relative;
.moreArrow {
width: 13px;
height: 7px;
display: inline-block;
background-image: url("../../assets/images/navtop/down.png");
background-size: 100%;
margin: 2px;
margin-left: 7px;
.more {
position: relative;
height: 30px;
display: flex;
.moreArrow {
width: 13px;
height: 7px;
display: inline-block;
background-image: url("../../assets/images/navtop/down.png");
background-size: 100%;
margin: 2px;
margin-left: 7px;
margin-top: 6px;
}
.moreItems {
width: 80px;
height: 70px;
display: none;
background: #ffffff;
box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
border-radius: 3px;
border: 0px solid #dcdcdc;
position: absolute;
left: 0px;
top: 20px;
z-index: 100;
.roleItem {
font-size: 14px;
font-weight: 400;
color: rgba(79, 81, 86, 1);
line-height: 36px;
display: flex;
justify-content: center;
}
.roleItem:hover {
color: #4ea6ff;
}
}
}
.moreItems {
width: 80px;
height: 70px;
display: none;
background: #ffffff;
box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
border-radius: 3px;
border: 0px solid #dcdcdc;
position: absolute;
left: 0px;
top: 18px;
z-index: 100;
.more:hover .moreArrow {
background-image: url("../../assets/images/navtop/up.png");
}
.more:hover .moreItems {
display: block;
}
}
.more:hover .moreArrow {
background-image: url("../../assets/images/navtop/up.png");
}
.more:hover .moreItems {
display: block;
}
}
}