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

style：修改路径图首页显示bug

Browse Source
This commit is contained in:
songwc
2022-10-26 17:39:21 +08:00
parent 25a79633e6
commit 7a5eb152f9
1 changed files with 28 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/views/learningpath/LearningPath.vue
View File

@@ -40,7 +40,7 @@
:placeholder="[' 开始时间', ' 结束时间']" :placeholder="[' 开始时间', ' 结束时间']"
/> />
</div> </div>
<div style="display: flex;margin-bottom: 20px"> <div style="display: flex; margin-bottom: 20px">
<div class="btn btn1"> <div class="btn btn1">
<div class="search"></div> <div class="search"></div>
<div class="btnText">搜索</div> <div class="btnText">搜索</div>
@@ -50,7 +50,6 @@
<div class="btnText">重置</div> <div class="btnText">重置</div>
</div> </div>
</div> </div>
</div> </div>
<div class="btns"> <div class="btns">
<!-- <router-link to="/projectadd"> <!-- <router-link to="/projectadd">
@@ -68,17 +67,23 @@
<!-- 搜索框及按钮 --> <!-- 搜索框及按钮 -->
<!-- 无数据 --> <!-- 无数据 -->
<div class="datanull" style="display: none"> <div class="datanull" style="display: none">
<div class="nodata_box"> <div class="nodata_box">
<div class="left"><img src="../../assets/images/taskpage/left1.png"/></div> <div class="left">
<div class="center"><img src="../../assets/images/leveladd/picture.png"/></div> <img src="../../assets/images/taskpage/left1.png" />
<div class="text1">无数据</div>
<div class="text2">请添加路径</div>
<div class="right"><img src="../../assets/images/leveladd/right.png"/></div>
</div> </div>
<div class="center">
<img src="../../assets/images/leveladd/picture.png" />
</div>
<div class="text1">无数据</div>
<div class="text2">请添加路径</div>
<div class="right">
<img src="../../assets/images/leveladd/right.png" />
</div>
</div>
</div> </div>
<!-- 无数据 --> <!-- 无数据 -->
<!-- 表格 --> <!-- 表格 -->
<div class="tableBox" style="padding-bottom: 160px; position: relative"> <div class="tableBox" style="padding-bottom: 0px; position: relative">
<a-table <a-table
style="border: 1px solid #f2f6fe" style="border: 1px solid #f2f6fe"
:columns="tableDataFunc()" :columns="tableDataFunc()"
@@ -89,6 +94,8 @@
@expand="expandTable" @expand="expandTable"
:pagination="false" :pagination="false"
/> />
</div>
<div class="tableBox">
<div class="pa"> <div class="pa">
<a-pagination <a-pagination
showSizeChanger="true" showSizeChanger="true"
@@ -1647,11 +1654,7 @@ export default {
width: 412px; width: 412px;
height: 212px; height: 212px;
position: relative; position: relative;
background: linear-gradient( background: linear-gradient(180deg, #fef3dd, #fffaf0);
180deg,
#FEF3DD,
#FFFAF0
);
border-radius: 10px; border-radius: 10px;
.left { .left {
position: absolute; position: absolute;
@@ -1668,7 +1671,7 @@ export default {
top: 128px; top: 128px;
left: 178px; left: 178px;
font-size: 20px; font-size: 20px;
color: #FFB64E; color: #ffb64e;
font-weight: 500; font-weight: 500;
} }
.text2 { .text2 {
@@ -1676,7 +1679,7 @@ export default {
bottom: 32px; bottom: 32px;
left: 174px; left: 174px;
font-size: 14px; font-size: 14px;
color: #878B92; color: #878b92;
font-weight: 500; font-weight: 500;
} }
.right { .right {
@@ -1687,8 +1690,8 @@ export default {
} }
} }
.filter { .filter {
margin-left: 38px; margin-left: 35px;
margin-right: 38px; margin-right: 35px;
margin-top: 30px; margin-top: 30px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@@ -1828,7 +1831,8 @@ export default {
} }
} }
.tableBox { .tableBox {
margin: 20px 38px 30px; // margin: 20px 38px 30px;
margin: 20px 35px 0px 35px;
th.h { th.h {
background-color: #eff4fc !important; background-color: #eff4fc !important;
@@ -1839,6 +1843,8 @@ export default {
> td { > td {
background: #f6f9fd; background: #f6f9fd;
} }
}
.tableBox {
.pa { .pa {
left: 0; left: 0;
width: 100%; width: 100%;
@@ -1846,8 +1852,9 @@ export default {
// background-color: red; // background-color: red;
display: flex; display: flex;
justify-content: center; justify-content: center;
position: absolute; margin-bottom: 10px;
bottom: 20px; // position: absolute;
// bottom: -40px;
} }
} }
.operation { .operation {