首页样式修改。

This commit is contained in:
Renpc-kilig 2020-12-16 18:19:48 +08:00
parent 8b685c9507
commit 1bfb3b0d32

View File

@ -16,14 +16,16 @@
.tab{margin-bottom: 10px;float: right;width: 74%;height:140px;overflow-y: auto} .tab{margin-bottom: 10px;float: right;width: 74%;height:140px;overflow-y: auto}
.top:after, .tab:after, .list:after{content: '';display: block;clear: both} .top:after, .tab:after, .list:after{content: '';display: block;clear: both}
.logo-box{float: left;width:25%;} .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;} .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{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:last-child{margin-right: 0}
.list-box h4{font-size: 16px;font-weight: normal;color: #000;} .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{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 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/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="assets/js/vue.min.js"></script> <script type="text/javascript" src="assets/js/vue.min.js"></script>
</head> </head>
@ -36,25 +38,23 @@
<img :src="'route/file/downloadfile/false/' + partyOrganizeData.logo" alt="" class="logo"> <img :src="'route/file/downloadfile/false/' + partyOrganizeData.logo" alt="" class="logo">
</div> </div>
<div class="layui-col-md6" style="width: 739px;"> <div class="layui-col-md6" style="width: 739px;">
<div class="layui-card" style="background-color: transparent"> <div class="layui-card-body">
<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 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">
<div style="background-color: transparent"> <ul class="layui-row layui-col-space10 layui-this" v-cloak>
<ul class="layui-row layui-col-space10 layui-this" v-cloak> <li class="layui-col-xs6" v-for="tab in tabList" style="width: 236px;">
<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">
<a @click="showPartyMemberList(tab.url, tab.count, tab.msgTitle);" href="javascript:void(0)" class="layadmin-backlog-body"> <h3>{{tab.title}}</h3>
<h3>{{tab.title}}</h3> <p><cite>{{tab.dataCount}}</cite></p>
<p><cite>{{tab.dataCount}}</cite></p> </a>
</a> </li>
</li> <li class="layui-col-xs6" v-for="item in orgThreeMeetLessonCount" style="width: 236px;">
<li class="layui-col-xs6" v-for="item in orgThreeMeetLessonCount" style="width: 236px;"> <a href="javascript:void(0)" class="layadmin-backlog-body">
<a href="javascript:void(0)" class="layadmin-backlog-body"> <h3>{{item.categoryName}}</h3>
<h3>{{item.categoryName}}</h3> <p><cite>{{item.counts}}</cite></p>
<p><cite>{{item.counts}}</cite></p> </a>
</a> </li>
</li> </ul>
</ul>
</div>
</div> </div>
</div> </div>
</div> </div>