ak
/
msopen
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改了常用功能样式

This commit is contained in:
panpp 2020-07-01 14:08:53 +08:00
parent 33df7e9f8a
commit c4bcf2b999
1 changed files with 34 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
src/main/webapp/WEB-INF/manager/main.ftl
View File

@ -43,8 +43,7 @@
</div> </div>
<div class="class-6" > <div class="class-6" >
</div> </div>
<div class="class-7" > <div class="panel" >
<div class="panel">
<div v-if="alwaysList.length>0" class="panel-title"> <div v-if="alwaysList.length>0" class="panel-title">
常用功能 常用功能
</div> </div>
@ -61,9 +60,6 @@
<!--文本结束--> <!--文本结束-->
</div> </div>
</div> </div>
</div>
</div> </div>
<!--大容器开始--> <!--大容器开始-->
<div class="class-43" > <div class="class-43" >
@ -466,36 +462,40 @@
}); });
</script> </script>
<style> <style>
.panel-content .mitem {
color: #333333;
cursor: pointer;
outline-offset: -1px;
height: 88px;
flex-direction: column;
display: flex;
animation-duration: 1s;
width: 88px;
background-repeat: no-repeat;
align-items: center;
}
.panel .panel-content .mitem:hover i ,.panel .panel-content .mitem:hover .item-title{
color:#409EFF
}
.panel-content .mitem i {
font-size: 36px;
}
.panel { .panel {
margin-top:10px;
color: #333333; color: #333333;
padding: 10px; padding-right:20px;
padding-top:20px;
max-width:100%;
padding-left:20px;
outline-offset: -1px; outline-offset: -1px;
flex: 1;
background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, 1);
flex-direction: column; flex-direction: column;
display: flex; display: flex;
animation-duration: 1s; animation-duration: 1s;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.panel .panel-content .mitem:hover i ,.panel .panel-content .mitem:hover .item-title{
color:#409EFF
}
.panel-content .mitem i {
font-size: 40px;
}
.panel-content .mitem {
color: #333333;
cursor: pointer;
outline-offset: -1px;
max-width:100%;
height: 69px;
flex-direction: column;
display: flex;
animation-duration: 1s;
width: 25%;
background-repeat: no-repeat;
align-items: center;
margin-bottom:20px;
}
.panel .panel-title { .panel .panel-title {
color: #333333; color: #333333;
word-wrap: break-word; word-wrap: break-word;
@ -503,8 +503,6 @@
display: inline-block; display: inline-block;
animation-duration: 1s; animation-duration: 1s;
font-size: 16px; font-size: 16px;
padding-left: 10px;
margin-top: 5px;
} }
.panel .panel-content { .panel .panel-content {
color: #333333; color: #333333;
@ -521,6 +519,14 @@
padding-left: 10px; padding-left: 10px;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.panel .panel-content .mitem .item-title{
color:#333333;
word-wrap:break-word;
display:inline-block;
animation-duration:1s;
font-size:14px;
line-height:1.4;
}
.custom-body { .custom-body {
} }
.class-1 .class-1