From 33f9cce7d195df254f071b645d1d28b978fa9025 Mon Sep 17 00:00:00 2001 From: dshclm <3321914460@qq.com> Date: Mon, 31 Mar 2025 16:10:50 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E5=86=85=E5=AE=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../templates/home/special_list.html | 184 +++++++++--------- 1 file changed, 96 insertions(+), 88 deletions(-) diff --git a/ruoyi-admin/src/main/resources/templates/home/special_list.html b/ruoyi-admin/src/main/resources/templates/home/special_list.html index c5a560d..31307ef 100644 --- a/ruoyi-admin/src/main/resources/templates/home/special_list.html +++ b/ruoyi-admin/src/main/resources/templates/home/special_list.html @@ -56,7 +56,7 @@ flex-wrap: nowrap; } .main-left { - width: 22.3%; + width: 100%; } .fl { float: left; @@ -119,26 +119,26 @@ background-size: cover; } - .sidebar li { - border-bottom: 1px solid #E1E1E1; - line-height: 42px; - } + /*.sidebar li {*/ + /* border-bottom: 1px solid #E1E1E1;*/ + /* line-height: 42px;*/ + /*}*/ - .sidebar li a.active { - color: #0055A5; - } - .sidebar li a.active { - background: url(/home/base/p110.png) no-repeat 12%; - background-size: 5%; - } + /*.sidebar li a.active {*/ + /* color: #0055A5;*/ + /*}*/ + /*.sidebar li a.active {*/ + /* background: url(/home/base/p110.png) no-repeat 12%;*/ + /* background-size: 5%;*/ + /*}*/ - .sidebar li a { - display: block; - background: url(/home/base/p111.png) no-repeat 12%; - background-size: 5%; - padding-left: 22%; - font-size: 16px; - } + /*.sidebar li a {*/ + /* display: block;*/ + /* background: url(/home/base/p111.png) no-repeat 12%;*/ + /* background-size: 5%;*/ + /* padding-left: 22%;*/ + /* font-size: 16px;*/ + /*}*/ .pag { margin-top: 80px; @@ -170,6 +170,42 @@ display: block; font-size: 16px; } + .imageList li { + width: 25%; + } + .imageList ul li { + position: relative; + float: left; + } + .imageList ul li a { + position: relative; + display: block; + margin: 30px 10px 0; + font-size: 16px; + overflow: hidden; + text-align: center; + } + .imageList ul li a .place { + position: relative; + display: block; + padding-top: 56.25%; + overflow: hidden; + background-color: #f4f4f4; + } + .imageList ul li a .place .pic { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; + z-index: 1; + overflow: hidden; + object-fit:cover; + transition:all .5s; + } + .imageList ul li:hover .pic{ + transform: scale(1.1); + } @@ -190,38 +226,24 @@
-

+

专题栏目

- - - - -
-
- - - +
+
+ +
@@ -251,52 +273,38 @@ el: '#app', data(){ return{ - treeData: [], - defaultProps: { - children: 'children', - label: 'columnName', - id:'columnId' - }, - defaultSelected:[[${columnId}]], - defauleExpandedKeys:[], + listData: [[${columnList}]], }; }, mounted(){ - this.getTreeData(); + console.log(this.listData) }, methods: { - getTreeData(){ - $.ajax({ - type: "get", - url: "/columnTree/getTree", - success: function(res) { - if (res.code == 0) { - this.treeData = res.data; - this.$nextTick(()=>{ - this.$refs.treeRef.setCurrentKey(this.defaultSelected) - var expandedKeys = JSON.parse(localStorage.getItem('expandedKeys')); - if (expandedKeys) { - this.defauleExpandedKeys.push(expandedKeys) - } - }) - } - }.bind(this) - }); - }, - handleNodeClick(data) { - localStorage.setItem('expandedKeys', JSON.stringify(data.columnId)); - redirect("/special_view.html?columnId="+data.columnId); - console.log(data); - }, + // getTreeData(){ + // $.ajax({ + // type: "get", + // url: "/columnTree/getTree", + // success: function(res) { + // if (res.code == 0) { + // this.treeData = res.data; + // this.$nextTick(()=>{ + // this.$refs.treeRef.setCurrentKey(this.defaultSelected) + // var expandedKeys = JSON.parse(localStorage.getItem('expandedKeys')); + // if (expandedKeys) { + // this.defauleExpandedKeys.push(expandedKeys) + // } + // }) + // } + // }.bind(this) + // }); + // }, + // handleNodeClick(data) { + // localStorage.setItem('expandedKeys', JSON.stringify(data.columnId)); + // redirect("/special_view.html?columnId="+data.columnId); + // console.log(data); + // }, } }) - function redirect(url) { - window.location.href = url; - } - - function openPopup(url) { - window.open(url, '_blank'); - }