修改了常用功能样式
This commit is contained in:
parent
33df7e9f8a
commit
c4bcf2b999
|
@ -43,7 +43,6 @@
|
||||||
</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">
|
||||||
常用功能
|
常用功能
|
||||||
|
@ -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
|
||||||
|
|
Loading…
Reference in New Issue