diff --git a/component/item-head/item-head.js b/component/item-head/item-head.js
index e0ea088..93e7acd 100644
--- a/component/item-head/item-head.js
+++ b/component/item-head/item-head.js
@@ -167,5 +167,5 @@ export const itemHead = defineComponent({
report,
},
- template: `
`,
});
diff --git a/component/item-head/item-head.txt b/component/item-head/item-head.txt
index 042cc55..ef3da19 100644
--- a/component/item-head/item-head.txt
+++ b/component/item-head/item-head.txt
@@ -63,10 +63,10 @@
- ![]()
+ ![]()
- ![]()
+ ![]()
{{ item.name }}
{{ item }}
diff --git a/css/public.css b/css/public.css
index 86b2231..1502e41 100644
--- a/css/public.css
+++ b/css/public.css
@@ -710,6 +710,8 @@ body {
.item-box .comment .text {
font-size: 14px;
color: #7f7f7f;
+ flex: 1;
+ width: 10px;
}
.item-box .bottom {
height: 55px;
diff --git a/css/public.less b/css/public.less
index 6cfbebb..d5777d9 100644
--- a/css/public.less
+++ b/css/public.less
@@ -857,6 +857,8 @@ body {
.text {
font-size: 14px;
color: #7f7f7f;
+ flex: 1;
+ width: 10px;
}
}
diff --git a/css/section.css b/css/section.css
index 3dfba65..592abee 100644
--- a/css/section.css
+++ b/css/section.css
@@ -1,5 +1,5 @@
#sectionIndex {
- width: 1200px;
+ max-width: 1200px;
margin: 0 auto;
}
#sectionIndex .matter {
@@ -77,7 +77,7 @@
z-index: -1;
}
#sectionIndex .matter .matter-content .info-box {
- width: 1035px;
+ width: 100%;
background: -webkit-linear-gradient(270.53908529deg, #ffffff 2%, #ebf8f9 98%);
background: -moz-linear-gradient(179.46091471deg, #ffffff 2%, #ebf8f9 98%);
background: linear-gradient(179.46091471deg, #ffffff 2%, #ebf8f9 98%);
@@ -263,7 +263,7 @@
width: 265px;
}
#sectionIndex .matter .matter-content .details-box .content-box .red-tag {
- width: 732px;
+ width: 100%;
background-color: #ffffff;
border: 1px solid #e9eef2;
border-radius: 10px;
@@ -307,9 +307,6 @@
margin-bottom: 14px;
cursor: pointer;
}
-#sectionIndex .matter .matter-content .details-box .content-box .list-box {
- width: 732px;
-}
#sectionIndex .matter .matter-content .details-box .content-box .list-box .item-box {
margin-bottom: 12px;
}
@@ -361,3 +358,41 @@
#sectionIndex .matter .matter-content .details-box .sidebar-box .side-box.interviewexperience-side-box {
background: linear-gradient(158.64328877deg, #d3e1fb 1%, #dee6f9 100%);
}
+@media screen and (max-width: 1000px) {
+ .item-box .bottom {
+ justify-content: space-between;
+ }
+ .item-box .bottom .bottom-item:not(:last-child) {
+ margin-right: 0;
+ }
+}
+@media screen and (max-width: 880px) {
+ #sectionIndex {
+ margin: 0 10px;
+ }
+ #sectionIndex .matter .matter-content .details-box .sidebar-box {
+ display: none;
+ }
+ #sectionIndex .matter .matter-content .details-box .content-box {
+ margin-right: 0;
+ }
+ .item-box .comment .text {
+ width: 10px !important;
+ }
+}
+@media screen and (max-width: 768px) {
+ .item-box {
+ padding: 18px 20px 0;
+ }
+}
+@media screen and (max-width: 680px) {
+ #sectionIndex .matter .matter-content .info-box .right .bottom .btn {
+ width: auto;
+ background-color: transparent;
+ }
+}
+@media screen and (max-width: 600px) {
+ #sectionIndex .matter .sidebar {
+ display: none;
+ }
+}
diff --git a/css/section.less b/css/section.less
index a4eb54e..e31eda9 100644
--- a/css/section.less
+++ b/css/section.less
@@ -1,5 +1,5 @@
#sectionIndex {
- width: 1200px;
+ max-width: 1200px;
margin: 0 auto;
.matter {
@@ -84,7 +84,7 @@
.matter-content {
.info-box {
- width: 1035px;
+ width: 100%;
background: -webkit-linear-gradient(270.539085289936deg, rgba(255, 255, 255, 1) 2%, rgba(235, 248, 249, 1) 98%);
background: -moz-linear-gradient(179.460914710064deg, rgba(255, 255, 255, 1) 2%, rgba(235, 248, 249, 1) 98%);
background: linear-gradient(179.460914710064deg, rgba(255, 255, 255, 1) 2%, rgba(235, 248, 249, 1) 98%);
@@ -296,7 +296,7 @@
}
.red-tag {
- width: 732px;
+ width: 100%;
background-color: rgba(255, 255, 255, 1);
border: 1px solid rgba(233, 238, 242, 1);
border-radius: 10px;
@@ -345,7 +345,7 @@
}
.list-box {
- width: 732px;
+ // width: 732px;
.item-box {
margin-bottom: 12px;
@@ -427,3 +427,50 @@
}
}
}
+
+@media screen and (max-width: 1000px) {
+ .item-box .bottom {
+ justify-content: space-between;
+
+ .bottom-item:not(:last-child) {
+ margin-right: 0;
+ }
+ }
+}
+
+@media screen and (max-width: 880px) {
+ #sectionIndex {
+ margin: 0 10px;
+ }
+
+ #sectionIndex .matter .matter-content .details-box .sidebar-box {
+ display: none;
+ }
+
+ #sectionIndex .matter .matter-content .details-box .content-box {
+ margin-right: 0;
+ }
+
+ .item-box .comment .text {
+ width: 10px !important;
+ }
+}
+
+@media screen and (max-width: 768px) {
+ .item-box {
+ padding: 18px 20px 0;
+ }
+}
+
+@media screen and (max-width: 680px) {
+ #sectionIndex .matter .matter-content .info-box .right .bottom .btn {
+ width: auto;
+ background-color: transparent;
+ }
+}
+
+@media screen and (max-width: 600px) {
+ #sectionIndex .matter .sidebar {
+ display: none;
+ }
+}
diff --git a/sectionV2.html b/sectionV2.html
new file mode 100644
index 0000000..6f79445
--- /dev/null
+++ b/sectionV2.html
@@ -0,0 +1,684 @@
+
+
+
+
+
+
+
+
新加坡 -- 寄托天下
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
https://framework.x-php.com/gter/forum/
+
+
+
+
+
+
+
Lz9aimSLXeim
+
+
+
+
+
+
论坛
+
+
{{ info.name }}
+
+
+
+
+
+
+
+
![]()
+
+
+
+
香港
+
{{ info.name }}
+
+
+
+ 共
+
{{ count }}
+ 个帖子
+
+
+
+ 
+ 发帖
+
+
+
+
+
+
+
+
+
+
精选
+
+
+
+
+
+
+
+
精选
+
+
+
+
+
+
+ 热门标签
+
+
+
+
+
+
+
+ 热门标签
+
+
+
+
+
+
+
+
+
+
- 暂无内容 -
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
+
+ 
+ 
+ 
+ 
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+