up

sxz_cj/src/assets/base.css

@@ -14,67 +14,77 @@ div {
   margin: 0;
   font-family: "微软雅黑";
 }
+
 div {
   font-family: "微软雅黑";
 }
+
 ul {
   list-style: none;
   padding: 0;
   margin: 0;
 }
+
 a {
   text-decoration: none !important;
 }
+
 .clear {
   clear: both;
 }
+
 html,
 body,
 form {
   overflow-y: auto;
   height: 100%;
 }
+
 /* 滚动条样式 */
-.floor::-webkit-scrollbar {
+::-webkit-scrollbar {
   /*滚动条整体样式*/
-  width : 2px;  /*高宽分别对应横竖滚动条的尺寸*/
+  width: 2px;
+  /*高宽分别对应横竖滚动条的尺寸*/
   height: 1px;
-  }
-  .floor::-webkit-scrollbar-thumb {
+}
+
+::-webkit-scrollbar-thumb {
   /*滚动条里面小方块*/
   border-radius: 10px;
-  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
-  background   : #535353;
-  }
-  .floor::-webkit-scrollbar-track {
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  background: #535353;
+}
+
+::-webkit-scrollbar-track {
   /*滚动条里面轨道*/
-  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
   border-radius: 10px;
-  background   : #ededed;
-  }
+  background: #ededed;
+}
 
 
 .sm_img::-webkit-scrollbar {
   width: 0px;
   height: 4px;
 }
+
 .sm_img::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.9);
   border-radius: 10px;
 }
+
 .sm_img::-webkit-scrollbar-thumb {
   border-radius: 5px;
   background: rgba(66, 66, 66, 1);
   -webkit-box-shadow: inset 0 0 6px rgba(227, 227, 227, 87.5);
 }
+
 .sm_img::-webkit-scrollbar-thumb:window-inactive {
   background: rgba(227, 227, 227, 0.5);
 }
 
 
-img{
+img {
   object-fit: cover;
 }
-/* body{
-  background-color: #ccc;
-} */
+

sxz_cj/src/data.js

@@ -27,7 +27,7 @@ export const infoData = {
       tag: ['龙门石窟', '中国化', '皇家石窟'],
       txt: '龙门石窟造像多为皇家贵族所建，是世界上绝无仅有的皇家石窟。龙门石窟使石窟艺术呈现出了中国化的趋势，是中国石窟艺术的“里程碑”。 又经历天竺、新罗、吐火罗、康国等国家营造，发现有欧洲纹样、古希腊石柱等，堪称全世界国际化水平最高的石窟。'
     },
-  four: 
+    four: 
     {
       imgNum: [
         { name: '0.jpg' }, { name: '1.jpg' }, { name: '2.jpg' }, { name: '3.jpg' },
@@ -36,4 +36,31 @@ export const infoData = {
       tag: ['反乌托邦', '街道', '霓虹灯'],
       txt: '拥有五花八门的视觉冲击效果，比如街头的霓虹灯、街排标志性广告以及高楼建筑等，通常搭配色彩是以黑、紫、绿、蓝、红为主。“待人如待鼠，所有对鼠的措施都可以同等地施加给人。闭上眼拒绝思考并不能使这个惨不忍睹的画面消失。这就是赛博朋克。”'
     },
+    five: 
+    {
+      imgNum: [
+        { name: '0.jpg' }, { name: '1.jpg' }, { name: '2.jpg' }, { name: '3.jpg' },
+      ],
+       title: '深海幻想', 
+      tag: ['潜水', '深海动物', '安静'],
+      txt: '人类已经登上了月球，却对深海非常陌生。海洋覆盖了地球面积的 71% ，平均水深 3800米，其中 84% 是超过 2000 米的深海区 。许多人怕水，有的还患有严重的深海恐惧症，看到漆黑的水面就会脚心发软，更不敢想象深渊下居住着多么庞大的巨物。但，人类从未停止对深海的探索。'
+    },
+    six: 
+    {
+      imgNum: [
+        { name: '0.jpg' }, { name: '1.jpg' }, { name: '2.jpg' }, { name: '3.jpg' },
+      ],
+       title: '轻奢空间', 
+      tag: ['轻奢', '新时尚', '样板间'],
+      txt: '现代轻奢装修风格整体较为简洁，但又不会现代简约那样随意，墙面选用了壁纸及装饰，搭配线条优美的家具，看似简洁的外表下，给人低调奢华内涵的感觉。色彩鲜明，营造空间一种大气利落的效果。加上高级感的中性色，比方驼色、象牙白、奶咖等，令空间质感更为饱满'
+    },
+    seven: 
+    {
+      imgNum: [
+        { name: '0.jpg' }, { name: '1.jpg' }, { name: '2.jpg' }, { name: '3.jpg' },
+      ],
+       title: '静谧书房', 
+      tag: ['安静', '舒适', '阅读','书写'],
+      txt: '安静对于书房来讲是十分必要的，因为人在嘈杂的环境中读书、工作效率要比安静的环境中低得多。且此处书房占据朝向最好的房间，阳光可以很自然地照射进来。书房中的家具则是书房非常重要的一个组成部分，其中书橱、书桌、书椅等是书房不可缺少的家具，设计风格尽显大气。'
+    },
 }