upp

Code/public/myData/myData.js

@@ -3775,32 +3775,12 @@ const myDataTemp = {
     hot: xianJuArr,
     imgHot: [
       {
-        //是否是文物
-        isModel: true,
-        // 是否在更多模块中显示-true表示不显示
-        noShow: true,
-        // 热点名字
-        name: '五凤铜熏炉',
-        // pc鼠标移入显示的图片路径+名字
-        hoverSrc: 'banquet/hot/hot5.png',
+        ...banquetHotArr.find(v => v.name === '五凤铜熏炉'),
         // 热点定位百分比
         loc: {
-          top: '20%',
-          left: '20%'
-        },
-        data: [
-          {
-            // 为模型的情况
-            type: 'model',
-            name: '五凤铜熏炉',
-            txt: `
-            <p>熏炉是古时用来熏香和取暖的炉子。这件五凤铜熏炉为汉代文物，通高20厘米，底盘直径21.5厘米，1989年河南省焦作嘉禾屯窖藏出土。其主体为凤凰形象，华冠锦羽，昂首引颈，口衔圆珠，振翅挺胸，阔翅上翘，胸前与双翅上均有阴刻羽状纹饰。</p>
-            <p>凤腹中空，翅膀、腹部用穿钉连接，脊部中开，以成器盖，张合自由，可由此处向左右两边打开，用以放置香料，构思巧妙；凤体背部遍镂弧形孔，点燃香料后，熏香由此袅袅而上；尾翅处也镂有弧形、长方形小孔；胸前、双翅和尾部各饰有一只雏凤，加上主体的凤鸟形象共有五凤，故而得名。熏炉中所表现的五凤，象征着吉祥如意，天下太平。</p>
-            <p>熏炉的主体以凤凰双爪为支撑点，铆于一圆盘之上，圆盘平底、折沿、下饰三乳足。圆盘既起到了稳固熏炉主体的作用，又能盛接可能落下的香料灰烬，从美学的角度看也不会出现头重脚轻的视觉效果，整体器物集实用与观赏于一体，是汉代铜器的上乘之作。</p>
-            `,
-            imgArr: ['banquet/hot/2.4dage']
-          }
-        ]
+          top: '62%',
+          left: '73%'
+        }
       },
       {
         //是否是文物
@@ -3813,8 +3793,8 @@ const myDataTemp = {
         hoverSrc: 'xianJu/hot/tag_dushu.png',
         // 热点定位百分比
         loc: {
-          top: '10%',
-          left: '10%'
+          top: '43%',
+          left: '71%'
         },
         data: [
           {

Code/src/pages/A6xian/index.module.scss

@@ -15,7 +15,7 @@
       left: 0;
       width: 100%;
       height: 100%;
-      transition: all 0.3s;
+      transition: all 0.5s;
       z-index: 200;
       & > img {
         width: 100%;

Code/src/pages/A6xian/index.tsx

@@ -100,7 +100,7 @@ function A6xian() {
         className='A6erImg'
         style={{ opacity: erImg ? '1' : '0', pointerEvents: erImg ? 'auto' : 'none' }}
       >
-        <img src={baseURL + 'xianJu/erImg.jpg'} alt='' />
+        <img src={baseURL + 'xianJu/bg.jpg'} alt='' />
 
         {/* 热点 */}
         {myData.xianJu.imgHot.map((v, i) => (
@@ -114,20 +114,19 @@ function A6xian() {
             index={i}
             clickSon={() => setAcName(v.name)}
             hoverSrc={v.hoverSrc}
-            isXiao={0.67}
           />
         ))}
 
-        {/* 底部按钮 */}
-        <div
-          className='A6erImgBtn'
-          onClick={() => {
+        <NextPage
+          clickSon={() => {
             domDelOwnFu('.A6erImg')
             btnStart()
           }}
-        >
-          开始冥想
-        </div>
+          txt='开始冥想'
+        />
+
+        {/* 右下角按钮 */}
+        <FloorBtn />
 
         {acName ? (
           <Hot2 data={hotInfo.data} closeFu={() => setAcName('')} name={hotInfo.name} />