瀏覽代碼

修改头部自适应,列表与头底的间距增大

reloaded 5 年之前
父節點
當前提交
e02dc1c6e6
共有 5 個文件被更改,包括 30 次插入31 次删除
  1. 9 5
      src/style/style.css
  2. 3 3
      src/views/dynamic/index.vue
  3. 2 2
      src/views/dynamic/list.vue
  4. 3 3
      src/views/technical/index.vue
  5. 13 18
      src/views/technical/list.vue

+ 9 - 5
src/style/style.css

@@ -171,12 +171,13 @@ p {
 
 .w_0100 {
 	float: left;
-	width: 100%;
+  width: 100%;
+  margin: 0 auto;
 }
 
 .w_1200 {
 	margin: 0 auto;
-	width: 1200px;
+	width: 80%;
 }
 
 
@@ -264,9 +265,11 @@ p {
 	float: left;
 	height: 50px;
 	line-height: 50px;
-	padding: 0 82px;
+	/* padding: 0 82px; */
 	font-size: 20px;
-	border-right: 1px solid #76bdfe;
+  border-right: 1px solid #76bdfe;
+  width: 19.9%;
+  text-align: center;
 }
 
 .supermenu .info ul .active {
@@ -279,9 +282,10 @@ p {
 
 .supermenu .info ul li:last-child {
 	border-right: 0;
-	padding: 0 70px;
+	/* padding: 0 70px; */
 }
 .superdown {
+  margin: 0 auto;
 	padding: 15px 0 0 0;
 	height: 135px;
 	overflow: hidden;

+ 3 - 3
src/views/dynamic/index.vue

@@ -117,13 +117,13 @@ export default {
 }
 .main {
   width: 80%;
-  margin: 5px auto;
+  margin: 15px auto;
   float: none;
 }
 .left {
   float: left;
   height: 500px;
-  margin: 10px 0 10px 0;
+  margin: 15px 0 15px 0;
   overflow: hidden;
 }
 .leftTitle {
@@ -173,7 +173,7 @@ export default {
   float: right;
   height: 500px;
   overflow: hidden;
-  margin: 10px 0 10px 0;
+  margin: 15px 0 15px 0;
 }
 .rightListTop {
   position: relative;

+ 2 - 2
src/views/dynamic/list.vue

@@ -185,7 +185,7 @@ export default {
 <style lang="less" scoped>
 .main {
   width: 80%;
-  margin: 5px auto;
+  margin: 20px auto;
   float: none;
 }
 .menu {
@@ -223,7 +223,7 @@ export default {
 .info {
   width: 77%;
   float: right;
-  margin: 10px 0 10px 2px;
+  margin: 10px 0 20px 2px;
   height: 585px;
   box-shadow: 0 0 10px #2d64b3;
   overflow: hidden;

+ 3 - 3
src/views/technical/index.vue

@@ -145,13 +145,13 @@ export default {
 }
 .main {
   width: 80%;
-  margin: 5px auto;
+  margin: 15px auto;
   float: none;
 }
 .left {
   float: left;
   height: 500px;
-  margin: 10px 0 10px 0;
+  margin: 15px 0 15px 0;
   overflow: hidden;
 }
 .leftTitle {
@@ -263,7 +263,7 @@ export default {
   float: right;
   height: 500px;
   overflow: hidden;
-  margin: 10px 0 10px 0;
+  margin: 15px 0 15px 0;
 }
 .rightListTop {
   position: relative;

+ 13 - 18
src/views/technical/list.vue

@@ -149,7 +149,7 @@ export default {
       { publish_time: '2020-05-01', title: '第六届创新创业大赛总决赛圆满结束' },
       { publish_time: '2020-05-01', title: '第六届创新创业大赛总决赛圆满结束' },
       { publish_time: '2020-05-01', title: '第六届创新创业大赛总决赛圆满结束' },
-      { publish_time: '2020-05-01', title: '第六届创新创业大赛总决赛圆满结束' },
+      { publish_time: '2020-05-01', title: '第十条创新创业大赛总决赛圆满结束' },
       { publish_time: '2020-05-01', title: '第六届创新创业大赛总决赛圆满结束' },
     ],
     hangyeList: [
@@ -171,7 +171,7 @@ export default {
         title: '第六届创新创业大赛总决赛圆满结束第六届创新创业大赛总决赛圆满结束',
         content: '第六届创新创业大赛总决赛圆满结束第六届创新创业大赛总决赛圆满结束第六届创新创业大赛总决赛圆满结束',
       },
-      { publish_time: '2020-05-01', title: '六条数据', content: '六条数据' },
+      { publish_time: '2020-05-01', title: '五条数据', content: '五条数据' },
       { publish_time: '2020-05-01', title: '第六届创新创业大赛总决赛圆满结束', content: '第六届创新创业大赛总决赛圆满结束' },
       { publish_time: '2020-05-01', title: '第六届创新创业大赛总决赛圆满结束', content: '第六届创新创业大赛总决赛圆满结束' },
       { publish_time: '2020-05-01', title: '第六届创新创业大赛总决赛圆满结束', content: '第六届创新创业大赛总决赛圆满结束' },
@@ -214,7 +214,7 @@ export default {
 <style lang="less" scoped>
 .main {
   width: 80%;
-  margin: 5px auto;
+  margin: 20px auto;
   float: none;
 }
 .menu {
@@ -252,7 +252,7 @@ export default {
 .info {
   width: 77%;
   float: right;
-  margin: 10px 0 10px 2px;
+  margin: 10px 0 20px 2px;
   height: 585px;
   box-shadow: 0 0 10px #2d64b3;
   overflow: hidden;
@@ -279,17 +279,8 @@ export default {
   float: left;
   width: 95%;
   border-bottom: 1px dashed #ccc;
-  padding: 8px 0 8px 0;
-  height: 85px;
-  margin: 0 0 0 5px;
-}
-
-.infoLeftList:last-child {
-  float: left;
-  width: 95%;
-  border-bottom: none;
-  padding: 15px 0 15px 0;
-  height: 80px;
+  padding: 10px 0 10px 10px;
+  height: 87px;
   margin: 0 0 0 5px;
 }
 .infoLeftList:hover p:last-child span:first-child {
@@ -344,15 +335,19 @@ export default {
 .infoRightList {
   float: left;
   width: 95%;
-  padding: 11px 0;
+  padding: 7px 0;
+  margin: 0 0 0 5px;
 }
-.infoRightList:nth-child(5n) {
+.infoRightList:nth-child(6) {
   border-bottom: 1px solid #ccc;
   padding: 0 0 17px 0;
 }
-.infoRightList:nth-child(6) {
+.infoRightList:nth-child(7) {
   padding: 11px 0 0 0;
 }
+.infoRightList:nth-child(11) {
+  border-bottom: 1px solid #ccc;
+}
 .infoRightList:hover p span:first-child {
   -webkit-transform: translateY(-3px);
   -ms-transform: translateY(-3px);