shaogen1995 1 年之前
父節點
當前提交
4d51318502

+ 6 - 1
code/src/pages/A1Home/index.module.scss

@@ -162,7 +162,7 @@
           transition: all .3s;
           transition: all .3s;
           position: relative;
           position: relative;
           left: -30px;
           left: -30px;
-          margin: -80px auto 0;
+          margin: -54px auto 0;
           width: 100px;
           width: 100px;
           height: 100px;
           height: 100px;
           background-image: url('../../assets/img/img_light.png');
           background-image: url('../../assets/img/img_light.png');
@@ -170,6 +170,11 @@
         }
         }
 
 
         &>p {
         &>p {
+          position: absolute;
+          left: 50%;
+          transform: translateX(-50%);
+          width: 130px;
+          text-align: center;
           padding-top: 8px;
           padding-top: 8px;
           color: #fff;
           color: #fff;
         }
         }

+ 1 - 1
code/src/pages/A1HomeM/index.module.scss

@@ -51,7 +51,7 @@
 
 
       &>p {
       &>p {
         color: var(--themeColor2);
         color: var(--themeColor2);
-        margin-top: 5;
+        margin-top: 3px;
         letter-spacing: 2px;
         letter-spacing: 2px;
       }
       }
 
 

+ 14 - 0
code/src/pages/B1VillageM/index.module.scss

@@ -2,6 +2,20 @@
   position: relative;
   position: relative;
 
 
   :global {
   :global {
+
+    .B1VrightBtn {
+      position: absolute;
+      right: 10px;
+      top: 20px;
+      text-align: center;
+
+      &>p {
+        color: var(--themeColor2);
+        margin-top: 3px;
+        letter-spacing: 2px;
+      }
+    }
+
     .B1Vinfo {
     .B1Vinfo {
       position: absolute;
       position: absolute;
       top: 0;
       top: 0;

+ 10 - 1
code/src/pages/B1VillageM/index.tsx

@@ -139,6 +139,15 @@ function B1VillageM() {
         />
         />
       ) : null}
       ) : null}
 
 
+      {/* 右上角的 建筑清单  */}
+      <div
+        className="B1VrightBtn"
+        onClick={() => history.push(`/architec?id=${uId}`)}
+      >
+        <img src={`${baseUrl}/B1Village/mobile/icon_architecture.png`} alt="" />
+        <p>建筑清单</p>
+      </div>
+
       {/* 详情页面 */}
       {/* 详情页面 */}
       <div className={classNames("B1Vinfo", infoInd !== -1 ? "B1VinfoAc" : "")}>
       <div className={classNames("B1Vinfo", infoInd !== -1 ? "B1VinfoAc" : "")}>
         {/* 右上角的关闭按钮 */}
         {/* 右上角的关闭按钮 */}
@@ -227,7 +236,7 @@ function B1VillageM() {
               {/* 底部的按钮 */}
               {/* 底部的按钮 */}
               <div
               <div
                 className="B1infoTxt3"
                 className="B1infoTxt3"
-                onClick={() => history.push(`/architec?id=${uId}`)}
+                onClick={() => history.push(`/architecInfo?id=${v.architecId}`)}
               >
               >
                 <img src={btnImg} alt="" />
                 <img src={btnImg} alt="" />
                 <div>
                 <div>

+ 1 - 1
code/src/pages/C1Architec/index.module.scss

@@ -48,7 +48,7 @@
       }
       }
 
 
       .C1noneImg {
       .C1noneImg {
-        opacity: .5;
+        opacity: .3;
         pointer-events: none;
         pointer-events: none;
       }
       }
 
 

二進制
静态资源/staticData/B1Village/mobile/icon_architecture.png


+ 20 - 0
静态资源/staticData/dataTemp.js

@@ -75,6 +75,26 @@ const staticDataTemp = {
         leftM: "20%",
         leftM: "20%",
         rightM: "auto",
         rightM: "auto",
         bottomM: "auto",
         bottomM: "auto",
+      },
+      {
+        id: 2,
+        // 电脑端的定位
+        top: 'auto',
+        left: 'auto',
+        right: "20%",
+        bottom: "10%",
+        name: '1983年',
+        txt: '&emsp;&emsp;2001年3月,开平市成立了开平碉楼申报世界文化遗产领导小组,市主要领导亲自挂帅,从各有关部门抽出精兵强将专职开展碉楼保护和申报工作。6月25日,开平碉楼被国务院批准列入第五批全国重点文物保护单位名单。',
+        // 电脑端历史事件的定位
+        txtLoc: {
+          top: "-300px",
+          left: "-80px",
+        },
+        // 手机端的定位
+        topM: "20%",
+        leftM: "10%",
+        rightM: "auto",
+        bottomM: "auto",
       }
       }
     ],
     ],