首页样式修改。
This commit is contained in:
parent
8b685c9507
commit
1bfb3b0d32
@ -16,14 +16,16 @@
|
||||
.tab{margin-bottom: 10px;float: right;width: 74%;height:140px;overflow-y: auto}
|
||||
.top:after, .tab:after, .list:after{content: '';display: block;clear: both}
|
||||
.logo-box{float: left;width:25%;}
|
||||
.logo{max-width: 100%;height:205px;}
|
||||
.logo{max-width: 100%;height:183px;}
|
||||
.box h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 18px;font-weight: normal;color: #000;}
|
||||
.list-box{float:left;width: 32%;margin-right: 2%;padding: 5px;box-sizing: border-box;border-radius: 5px}
|
||||
.list-box:last-child{margin-right: 0}
|
||||
.list-box h4{font-size: 16px;font-weight: normal;color: #000;}
|
||||
.list-box ul li{height: 35px;color: #000;border-bottom: 1px solid #DDD;font-size: 0}
|
||||
.list-box ul li a{display:inline-block;margin-right:5px;color: #000;text-decoration: none;font-size: 14px;line-height: 35px;vertical-align: top;}
|
||||
.list-box ul li span{float:right;font-size: 14px;line-height: 35px;display: inline-block;max-width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: top;}</style>
|
||||
.list-box ul li span{float:right;font-size: 14px;line-height: 35px;display: inline-block;max-width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: top;}
|
||||
.layui-card-body{padding: 0 15px;}
|
||||
</style>
|
||||
<script type="text/javascript" src="assets/js/jquery-3.5.1.min.js"></script>
|
||||
<script type="text/javascript" src="assets/js/vue.min.js"></script>
|
||||
</head>
|
||||
@ -36,25 +38,23 @@
|
||||
<img :src="'route/file/downloadfile/false/' + partyOrganizeData.logo" alt="" class="logo">
|
||||
</div>
|
||||
<div class="layui-col-md6" style="width: 739px;">
|
||||
<div class="layui-card" style="background-color: transparent">
|
||||
<div class="layui-card-body">
|
||||
<div class="layui-carousel layadmin-carousel layadmin-backlog" lay-anim="" lay-indicator="inside" lay-arrow="none" style="width: 100%; height: 280px;background-color: transparent">
|
||||
<div style="background-color: transparent">
|
||||
<ul class="layui-row layui-col-space10 layui-this" v-cloak>
|
||||
<li class="layui-col-xs6" v-for="tab in tabList" style="width: 236px;">
|
||||
<a @click="showPartyMemberList(tab.url, tab.count, tab.msgTitle);" href="javascript:void(0)" class="layadmin-backlog-body">
|
||||
<h3>{{tab.title}}</h3>
|
||||
<p><cite>{{tab.dataCount}}</cite></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="layui-col-xs6" v-for="item in orgThreeMeetLessonCount" style="width: 236px;">
|
||||
<a href="javascript:void(0)" class="layadmin-backlog-body">
|
||||
<h3>{{item.categoryName}}</h3>
|
||||
<p><cite>{{item.counts}}</cite></p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="layui-card-body">
|
||||
<div class="layui-carousel layadmin-carousel layadmin-backlog" lay-anim="" lay-indicator="inside" lay-arrow="none" style="width: 100%; height: 280px;background-color: transparent">
|
||||
<div style="background-color: transparent">
|
||||
<ul class="layui-row layui-col-space10 layui-this" v-cloak>
|
||||
<li class="layui-col-xs6" v-for="tab in tabList" style="width: 236px;">
|
||||
<a @click="showPartyMemberList(tab.url, tab.count, tab.msgTitle);" href="javascript:void(0)" class="layadmin-backlog-body">
|
||||
<h3>{{tab.title}}</h3>
|
||||
<p><cite>{{tab.dataCount}}</cite></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="layui-col-xs6" v-for="item in orgThreeMeetLessonCount" style="width: 236px;">
|
||||
<a href="javascript:void(0)" class="layadmin-backlog-body">
|
||||
<h3>{{item.categoryName}}</h3>
|
||||
<p><cite>{{item.counts}}</cite></p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
Loading…
Reference in New Issue
Block a user