-
- 综合新闻
-
-
-
-
-
{{item.date}}
-
-
-
-
+
+
+
+ {{ item.label }}
-
-
+
+
+
`,
@@ -38,9 +39,12 @@ const jcdt = {
},
methods: {
onLink(item) {
- if(!item.url) return
- window.open(item.url)
+ const url = this.isHttpOrHttps(item.href) ? item.href : "https://xgh.cug.edu.cn/" + item.href
+ window.open(url)
},
+ isHttpOrHttps(url) {
+ return /^(http:\/\/|https:\/\/)/i.test(url)
+ }
},
style: /*language=CSS*/ `
.jcdt-wrapper {
@@ -53,16 +57,14 @@ const jcdt = {
.jcdt-container {
width: 80%;
max-width: 80%;
- margin: 0 auto;
-
+ margin: 0 auto 10px;
background-color: #FFFFFF;
border-radius: 12px;
padding: 20px;
- margin-bottom: 10px;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
}
- .jcdt-title{
+ /deep/ .jcdt-title{
font-size: 30px;
color: #000000;
display: block;
@@ -94,13 +96,13 @@ const jcdt = {
vertical-align: middle;
}
- .jcdt-list {
+ /deep/ .jcdt-list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
- .jcdt-item {
+ /deep/ .jcdt-item {
display: flex;
flex-direction: column;
padding: 16px;
@@ -109,18 +111,17 @@ const jcdt = {
transition: all 0.3s ease;
cursor: pointer;
height: auto;
-
border-radius: 12px;
- }
-
- .jcdt-item:hover{
- background: #ffffff;
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
border-bottom-color: var(--color-primary);
- transform: translateY(-4px);
- box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
+ background: #ffffff;
}
- .jcdt-item .date {
+ /deep/ .jcdt-item:hover{
+ transform: translateY(-4px);
+ }
+
+ /deep/ .jcdt-item .date {
font-size: 20px;
font-weight: bold;
white-space: nowrap;
@@ -129,7 +130,7 @@ const jcdt = {
transition: opacity 0.3s ease;
}
- .jcdt-item .title {
+ /deep/ .jcdt-item .title {
font-size: 16px;
font-weight: 600;
/*margin-bottom: 12px;*/
@@ -141,7 +142,7 @@ const jcdt = {
/*height: 45px;*/
}
- .jcdt-item .image {
+ /deep/ .jcdt-item .image {
width: 100%;
height: 180px;
margin: 0 0 16px 0;
@@ -155,14 +156,14 @@ const jcdt = {
transition: transform 0.3s ease;
}
- .jcdt-item .image img {
+ /deep/ .jcdt-item .image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
- .jcdt-item .summary {
+ /deep/ .jcdt-item .summary {
font-size: 14px;
color: #666;
line-height: 1.6;
@@ -174,5 +175,8 @@ const jcdt = {
margin-bottom: 12px;
}
+ /deep/ .jcdt-item i {
+ color: #007aff;
+ }
`
};
diff --git a/src/main/resources/views/platform/zhghh5/welfare/select/index.html b/src/main/resources/views/platform/zhghh5/welfare/select/index.html
index 6c561fb6..b2596a47 100644
--- a/src/main/resources/views/platform/zhghh5/welfare/select/index.html
+++ b/src/main/resources/views/platform/zhghh5/welfare/select/index.html
@@ -608,7 +608,7 @@ layout("/layouts/platform_h5.html"){
-
+