提交

2 years ago · 20c33398f7
parent 5528d168f3
commit 20c33398f7
3 changed files with 10 additions and 5 deletions
--- a/css/index.css
+++ b/css/index.css
@ -442,6 +442,10 @@ a:active{
    display: block; 
    width: 100%; 
 }
+.category__item .imgcontainer{
+    background-size: cover;
+    height:150px;
+}
 .business-effect .e-img-r { position: absolute; top: 0; right: -100%; width: 100%; height: 100%; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
 .business-effect .e-img-r img { display: block;height: 100%; width: 100%; }
 .transition-3{
@ -543,7 +547,7 @@ a:active{
 .middleContent .imgcontainer img{
    width:100%;
    /* height:100%; */
-    height: 140px
+    /* height: 140px */
 }
 .middleContent .contenttitle{
    color:#000000;
--- a/index.html
+++ b/index.html
@ -25,7 +25,7 @@
 </head>
 
 <body>
-    <div id="header"></div>
+    <!-- <div id="header"></div> -->
    <!-- 导航 -->
 	<!-- <header class="header"> 
 		<div class="container clearfix headerOut"> 
--- a/js/index.js
+++ b/js/index.js
@ -340,7 +340,8 @@ $(function(){
    },
    success: function (res) {
      let html=''
-      res.data.data.forEach((item,index)=>{
+      let datalist = res.data.data.reverse()
+      datalist.forEach((item,index)=>{
        html+=`<option value ="${item.url}">${item.title}</option>`
      })
      $('.select').append(html)
@ -368,8 +369,8 @@ function news01_render(categoryId){
            let data = res.data.data;
            data.forEach((item,index)=>{
                html+=`<div class="brand__thumb category__item  transition-3" data-id=${item.id}>
-                <div class="imgcontainer transition-3">
-                    <img src="https://suzhou.njrenzhou.cn${item.thumb}" alt="">
+                <div class="imgcontainer transition-3" style="background:url(https://suzhou.njrenzhou.cn${item.thumb});background-size: cover;">
+                  
                </div>
                <div class="contentText transition-3">
                    <div class="contenttitle">${item.title}</div>