gx

bigScene/scene/src/components/Zback/index.module.scss

@@ -10,7 +10,7 @@
   max-width: 80px;
   max-height: 80px;
   color: rgba(255, 239, 197, 1);
-  font-size: 1.2vw;
+  font-size: 1vw;
   cursor: pointer;
   & > img {
     width: 100%;
@@ -21,11 +21,11 @@
   }
 }
 
-.ZbackM{
+.ZbackM {
   top: 10px;
   left: 10px;
   width: 40px;
   height: 40px;
   font-size: 16px;
   cursor: pointer;
-}
+}

bigScene/scene/src/pages/A2main/index.module.scss

@@ -73,13 +73,13 @@
       position: absolute;
       left: 50%;
       transform: translateX(-50%);
-      top: 45px;
+      top: 58px;
       width: 80px;
       height: 37px;
       line-height: 30px;
       text-align: center;
       font-size: 14px;
-      color: #ffe3cc;
+      color: rgba(189, 176, 140, 1);
       white-space: nowrap;
     }
 
@@ -99,14 +99,14 @@
       #gui-modes-inside,
       #gui-modes-dollhouse,
       #gui-modes-floorplan {
-        width: var(--pcIconWidth);
-        height: var(--pcIconWidth);
-        margin-left: 38px;
+        width: 58px;
+        height: 58px;
+        margin-left: 20px;
         background-color: transparent !important;
         position: relative;
         img {
-          width: 48px;
-          height: 48px;
+          width: 100%;
+          height: 100%;
         }
       }
 
@@ -121,7 +121,7 @@
       display: flex;
       justify-content: flex-end;
       align-items: center;
-      gap: 38px;
+      gap: 20px;
       .likeBox,
       #volume,
       #gui-fullscreen,
@@ -129,11 +129,15 @@
       .A2_share_box,
       .sectionIndex,
       .A2_view_box {
-        width: 48px;
-        height: 48px;
+        width: 58px;
+        height:58px;
         margin: 0;
         background-color: transparent !important;
         position: relative;
+        .hasHover{
+          width: 100%;
+          height: 100%;
+        }
         img {
           width: 100%;
           height: 100%;

pano/src/components/Pano/index.tsx

@@ -16,7 +16,7 @@ interface ISceneProps extends Partial<SceneProps> {
 }
 
 const Panoramic = ({ openHot }: { openHot: (id: string) => void }) => {
-  const [currentScene, setCurrentScene] = useState('center1')
+  const [currentScene, setCurrentScene] = useState('p7')
   window.setCurrentScene = (name: string) => {
     setCurrentScene(name)
   }
@@ -129,9 +129,9 @@ const Panoramic = ({ openHot }: { openHot: (id: string) => void }) => {
           <>
             <View
               hlookat={0}
-              vlookat={40}
+              vlookat={60}
               fovType='MFOV'
-              fov={120}
+              fov={70}
               maxPixelZoom={2}
               fovMin={70}
               fovMax={180}
@@ -152,7 +152,7 @@ const Panoramic = ({ openHot }: { openHot: (id: string) => void }) => {
               onOver={() => {}}
               // onHover={() => setHotspotHover(true)}
               // onOut={() => setHotspotHover(false)}
-              // onDown='draggable_hotspot()'
+              onDown='draggable_hotspot()'
               onClick={() => {
                     if (window.parent) {
                       console.log('setIsHotPano')
@@ -198,8 +198,8 @@ const Panoramic = ({ openHot }: { openHot: (id: string) => void }) => {
         children: (
           <>
             <View
-              hlookat={0}
-              vlookat={40}
+              hlookat={-30}
+              vlookat={60}
               fovType='MFOV'
               fov={120}
               maxPixelZoom={2}
@@ -210,7 +210,7 @@ const Panoramic = ({ openHot }: { openHot: (id: string) => void }) => {
               vlookatMin={-55}
             />
 
-            <HotSpot
+            {/* <HotSpot
               name='dccgftTitle'
               type='text'
               atv={25.83}
@@ -229,6 +229,30 @@ const Panoramic = ({ openHot }: { openHot: (id: string) => void }) => {
               }}
             >
               <div className='A1hotspot' />
+            </HotSpot> */}
+             <HotSpot
+              name='dccgftTitle'
+              type='text'
+              atv={38.83}
+              ath={-34.08}
+              scale={0.5}
+              edge='top'
+              bg={false}
+              distorted={true}
+              onOver={() => {}}
+              // onHover={() => setHotspotHover(true)}
+              // onOut={() => setHotspotHover(false)}
+              onDown='draggable_hotspot()'
+              onClick={() => {
+                    if (window.parent) {
+                      console.log('setIsHotPano')
+                  window.parent.window.gotoScene()
+                }
+              }}
+            >
+              <div className='A0hotspot'>
+                <div className='text'>革命领袖视察黑龙江纪念馆</div>
+              </div>
             </HotSpot>
           </>
         )
@@ -276,7 +300,7 @@ const Panoramic = ({ openHot }: { openHot: (id: string) => void }) => {
               vlookatMin={-55}
             />
 
-            <HotSpot
+            {/* <HotSpot
               name='dccgftTitle'
               type='text'
               atv={25.83}
@@ -295,6 +319,31 @@ const Panoramic = ({ openHot }: { openHot: (id: string) => void }) => {
               }}
             >
               <div className='A1hotspot' />
+            </HotSpot> */}
+
+<HotSpot
+              name='dccgftTitle'
+              type='text'
+              atv={18.83}
+              ath={2.5}
+              scale={0.5}
+              edge='top'
+              bg={false}
+              distorted={true}
+              onOver={() => {}}
+              // onHover={() => setHotspotHover(true)}
+              // onOut={() => setHotspotHover(false)}
+              onDown='draggable_hotspot()'
+              onClick={() => {
+                    if (window.parent) {
+                      console.log('setIsHotPano')
+                  window.parent.window.gotoScene()
+                }
+              }}
+            >
+              <div className='A0hotspot'>
+                <div className='text'>革命领袖视察黑龙江纪念馆</div>
+              </div>
             </HotSpot>
           </>
         )
@@ -342,7 +391,7 @@ const Panoramic = ({ openHot }: { openHot: (id: string) => void }) => {
               vlookatMin={-55}
             />
 
-            <HotSpot
+            {/* <HotSpot
               name='dccgftTitle'
               type='text'
               atv={25.83}
@@ -361,6 +410,30 @@ const Panoramic = ({ openHot }: { openHot: (id: string) => void }) => {
               }}
             >
               <div className='A1hotspot' />
+            </HotSpot> */}
+            <HotSpot
+              name='dccgftTitle'
+              type='text'
+              atv={24.83}
+              ath={-1.25}
+              scale={0.5}
+              edge='top'
+              bg={false}
+              distorted={true}
+              onOver={() => {}}
+              // onHover={() => setHotspotHover(true)}
+              // onOut={() => setHotspotHover(false)}
+              onDown='draggable_hotspot()'
+              onClick={() => {
+                    if (window.parent) {
+                      console.log('setIsHotPano')
+                  window.parent.window.gotoScene()
+                }
+              }}
+            >
+              <div className='A0hotspot'>
+                <div className='text'>革命领袖视察黑龙江纪念馆</div>
+              </div>
             </HotSpot>
           </>
         )
@@ -408,7 +481,7 @@ const Panoramic = ({ openHot }: { openHot: (id: string) => void }) => {
               vlookatMin={-55}
             />
 
-            <HotSpot
+            {/* <HotSpot
               name='dccgftTitle'
               type='text'
               atv={25.83}
@@ -427,6 +500,31 @@ const Panoramic = ({ openHot }: { openHot: (id: string) => void }) => {
               }}
             >
               <div className='A1hotspot' />
+            </HotSpot> */}
+
+            <HotSpot
+              name='dccgftTitle'
+              type='text'
+              atv={24.83}
+              ath={-1.25}
+              scale={0.5}
+              edge='top'
+              bg={false}
+              distorted={true}
+              onOver={() => {}}
+              // onHover={() => setHotspotHover(true)}
+              // onOut={() => setHotspotHover(false)}
+              onDown='draggable_hotspot()'
+              onClick={() => {
+                    if (window.parent) {
+                      console.log('setIsHotPano')
+                  window.parent.window.gotoScene()
+                }
+              }}
+            >
+              <div className='A0hotspot'>
+                <div className='text'>革命领袖视察黑龙江纪念馆</div>
+              </div>
             </HotSpot>
           </>
         )
@@ -474,30 +572,30 @@ const Panoramic = ({ openHot }: { openHot: (id: string) => void }) => {
             vlookatMin={-55}
           />
 
-          <HotSpot
-            name='dccgftTitle'
-            type='text'
-            atv={18.25}
-            ath={2.62}
-            scale={0.5}
-            edge='top'
-            bg={false}
-            distorted={true}
-            onOver={() => {}}
-            // onHover={() => setHotspotHover(true)}
-            // onOut={() => setHotspotHover(false)}
-            // onDown='draggable_hotspot()'
-            onClick={() => {
-                  if (window.parent) {
-                    console.log('setIsHotPano')
-                window.parent.window.gotoScene()
-              }
-            }}
-          >
-            <div className='A0hotspot'>
-              <div className='text'>革命领袖视察黑龙江纪念馆</div>
-            </div>
-          </HotSpot>
+<HotSpot
+              name='dccgftTitle'
+              type='text'
+              atv={24.83}
+              ath={-1.25}
+              scale={0.5}
+              edge='top'
+              bg={false}
+              distorted={true}
+              onOver={() => {}}
+              // onHover={() => setHotspotHover(true)}
+              // onOut={() => setHotspotHover(false)}
+              onDown='draggable_hotspot()'
+              onClick={() => {
+                    if (window.parent) {
+                      console.log('setIsHotPano')
+                  window.parent.window.gotoScene()
+                }
+              }}
+            >
+              <div className='A0hotspot'>
+                <div className='text'>革命领袖视察黑龙江纪念馆</div>
+              </div>
+            </HotSpot>
         </>
         )
       },
@@ -533,7 +631,7 @@ const Panoramic = ({ openHot }: { openHot: (id: string) => void }) => {
           <>
             <View
               hlookat={0}
-              vlookat={40}
+              vlookat={80}
               fovType='MFOV'
               fov={120}
               maxPixelZoom={2}
@@ -544,7 +642,7 @@ const Panoramic = ({ openHot }: { openHot: (id: string) => void }) => {
               vlookatMin={-55}
             />
 
-            <HotSpot
+            {/* <HotSpot
               name='dccgftTitle'
               type='text'
               atv={25.83}
@@ -563,6 +661,31 @@ const Panoramic = ({ openHot }: { openHot: (id: string) => void }) => {
               }}
             >
               <div className='A1hotspot' />
+            </HotSpot> */}
+
+<HotSpot
+              name='dccgftTitle'
+              type='text'
+              atv={70.83}
+              ath={3.25}
+              scale={0.5}
+              edge='top'
+              bg={false}
+              distorted={true}
+              onOver={() => {}}
+              // onHover={() => setHotspotHover(true)}
+              // onOut={() => setHotspotHover(false)}
+              onDown='draggable_hotspot()'
+              onClick={() => {
+                    if (window.parent) {
+                      console.log('setIsHotPano')
+                  window.parent.window.gotoScene()
+                }
+              }}
+            >
+              <div className='A0hotspot'>
+                <div className='text'>革命领袖视察黑龙江纪念馆</div>
+              </div>
             </HotSpot>
           </>
         )
@@ -628,7 +751,7 @@ const Panoramic = ({ openHot }: { openHot: (id: string) => void }) => {
                 openHot('hot1')
               }}
             >
-              <div className='A1hotspot' />
+              {/* <div className='A1hotspot' /> */}
             </HotSpot>
           </>
         )
@@ -694,7 +817,7 @@ const Panoramic = ({ openHot }: { openHot: (id: string) => void }) => {
                 openHot('hot1')
               }}
             >
-              <div className='A1hotspot' />
+              {/* <div className='A1hotspot' /> */}
             </HotSpot>
           </>
         )
@@ -760,7 +883,7 @@ const Panoramic = ({ openHot }: { openHot: (id: string) => void }) => {
                 openHot('hot1')
               }}
             >
-              <div className='A1hotspot' />
+              {/* <div className='A1hotspot' /> */}
             </HotSpot>
           </>
         )
@@ -826,7 +949,7 @@ const Panoramic = ({ openHot }: { openHot: (id: string) => void }) => {
                 openHot('hot1')
               }}
             >
-              <div className='A1hotspot' />
+              {/* <div className='A1hotspot' /> */}
             </HotSpot>
           </>
         )
@@ -892,7 +1015,7 @@ const Panoramic = ({ openHot }: { openHot: (id: string) => void }) => {
                 openHot('hot1')
               }}
             >
-              <div className='A1hotspot' />
+              {/* <div className='A1hotspot' /> */}
             </HotSpot>
           </>
         )

project/public/three/data.js

@@ -2714,6 +2714,11 @@ const myDataTemp = {
   ],
   animationList: [
     {
+      name: '四季风光',
+      imgSrc: 'myData/mobile/12.png',
+      videoSrc: 'myData/media/siji.mp4'
+    },
+    {
       name: '建筑动画',
       imgSrc: 'myData/mobile/1.png',
       videoSrc: 'myData/media/jianzhu.mp4'

project/src/components/MenuSider/index.module.scss

@@ -33,8 +33,8 @@
     background-image: url('../../assets/img/tab_btn.png');
     background-size: contain;
     background-repeat: no-repeat;
-    padding-left: 10%;
-    font-size: 1.2vw;
+    padding-left: 14%;
+    font-size: 1vw;
 
     color: rgb(112, 73, 7);
     cursor: pointer;
@@ -51,7 +51,7 @@
     background-size: contain;
     background-repeat: no-repeat;
     color: rgba(249, 211, 109, 1);
-    font-weight: 500;
+    font-weight: bold;
     pointer-events: none;
   }
 }

project/src/components/Zback/index.module.scss

@@ -10,7 +10,7 @@
   max-width: 80px;
   max-height: 80px;
   color: rgba(255, 239, 197, 1);
-  font-size: 1.2vw;
+  font-size: 1vw;
   cursor: pointer;
   & > img {
     width: 100%;
@@ -21,11 +21,11 @@
   }
 }
 
-.ZbackM{
+.ZbackM {
   top: 10px;
   left: 10px;
   width: 40px;
   height: 40px;
   font-size: 16px;
   cursor: pointer;
-}
+}

project/src/pages/A1home/index.module.scss

@@ -9,6 +9,10 @@
     z-index: 1;
   }
 
+  .bgVideo {
+    object-fit: none;
+  }
+
   .skipBtn {
     position: fixed;
     bottom: 1.5vh;
@@ -18,7 +22,7 @@
     z-index: 1;
     cursor: pointer;
 
-    &>img {
+    & > img {
       width: 100%;
       object-fit: contain;
     }
@@ -90,7 +94,7 @@
             }
           }
 
-          &>img {
+          & > img {
             padding: 0.6vh 0.5vw;
             width: 100%;
             height: 100%;
@@ -117,4 +121,4 @@
       }
     }
   }
-}
+}

project/src/pages/A3architecture/LoadingVideo/index.module.scss

@@ -4,10 +4,11 @@
   .videoBox {
     width: 100%;
     height: 100%;
+    background: rgba(0, 0, 0, 0.9);
     & > video {
       width: 100%;
       height: 100%;
-      object-fit: fill;
+      object-fit: contain;
     }
   }
 }

project/src/pages/A4member/index.module.scss

@@ -95,7 +95,7 @@
             img {
               position: absolute;
               top: 0;
-              left: 0;
+              right: -0.5%;
               height: 100%;
               width: auto;
               max-width: 100%;
@@ -124,8 +124,8 @@
           // bottom: 14%;
           transform: translateY(14%);
           .imgWrap {
-            img {
-              left: 56%;
+            .img2 {
+              right: -22%;
             }
           }
         }
@@ -134,8 +134,8 @@
           // bottom: 20%;
           transform: translateY(-5%);
           .imgWrap {
-            img {
-              left: 54.6%;
+            .img2 {
+              right: -20%;
             }
           }
         }
@@ -144,8 +144,8 @@
           // bottom: 14%;
           transform: translateY(20%);
           .imgWrap {
-            img {
-              left: 45%;
+            .img2 {
+              right: -45%;
             }
           }
         }
@@ -154,8 +154,8 @@
           // bottom: 20%;
           transform: translateY(0);
           .imgWrap {
-            img {
-              left: 38%;
+            .img2 {
+              right: -25%;
             }
           }
         }
@@ -164,8 +164,8 @@
           // bottom: 8%;
           transform: translateY(-5%);
           .imgWrap {
-            img {
-              left: 66.5%;
+            .img2 {
+              right: -4%;
             }
           }
         }
@@ -175,8 +175,8 @@
           // bottom: 19%;
           transform: translateY(-24%);
           .imgWrap {
-            img {
-              left: 69%;
+            .img2 {
+              right: -3%;
             }
           }
         }
@@ -186,8 +186,8 @@
           // bottom: 8%;
           transform: translateY(-8%);
           .imgWrap {
-            img {
-              left: 71%;
+            .img2 {
+              right: -14%;
             }
           }
         }
@@ -197,8 +197,8 @@
           // bottom: 20%;
           transform: translateY(20%);
           .imgWrap {
-            img {
-              left: 23%;
+            .img2 {
+              right: -30%;
             }
           }
         }
@@ -208,8 +208,8 @@
           .imgWrap {
             align-self: flex-start;
             width: 100%;
-            img {
-              left: 22%;
+            .img2 {
+              right: -30%;
             }
           }
         }
@@ -219,8 +219,8 @@
           // bottom: 25%;
           transform: translateY(95%);
           .imgWrap {
-            img {
-              left: 43%;
+            .img2 {
+              right: -40%;
             }
           }
         }

project/src/pages/A4member/index.tsx

@@ -5,6 +5,7 @@ import Zvideo from '@/components/Zvideo'
 import Zback from '@/components/Zback'
 import { baseOssUrl } from '@/utils/http'
 import { isTouchPreferredFu } from '@/utils/history'
+import classNames from 'classnames'
 function A4Member() {
   const scrollRef = useRef<HTMLDivElement>(null)
   const [currentIndex, setCurrentIndex] = useState(0)
@@ -77,11 +78,12 @@ function A4Member() {
                     alt=''
                   />
                   <img
-                    className={currentIndex === index ? 'imgShow' : 'imgHide'}
+                    className={classNames(currentIndex === index ? 'imgShow' : 'imgHide', ' img2')}
                     draggable={false}
                     src={baseOssUrl + item.imgSrcLight}
                     alt=''
                   />
+                  )
                 </div>
                 <div className='nameEn'>{item.nameEn}</div>
               </div>

project/src/pages/A5view/PageSon/A5list/index.module.scss

@@ -31,7 +31,7 @@
     .A5Ltype {
       position: absolute;
       left: 6.5vw;
-      bottom: 1.5vh;
+      bottom: 2.5vh;
       display: flex;
       .A5Lbtn {
         position: relative;
@@ -41,8 +41,9 @@
         cursor: pointer;
         & > img {
           pointer-events: none;
-          height: 4vw;
+          height: 3vw;
           width: auto;
+          object-fit: contain;
         }
         & > div {
           width: 100%;
@@ -55,7 +56,7 @@
           justify-content: center;
           align-items: center;
           letter-spacing: 2px;
-          font-size: 24px;
+          font-size: 20px;
           color: var(--themeColor);
         }
       }

project/src/pages/A6life/Swiper/index.module.scss

@@ -9,8 +9,8 @@
       z-index: 1;
       top: 50%;
       left: 1%;
-      width: 5vw;
-      height: 5vw;
+      width: 4vw;
+      height: 4vw;
       object-fit: contain;
       cursor: pointer;
       & > img {
@@ -75,7 +75,7 @@
         }
         &.itemCardActive {
           .itemImage {
-            background-image: url('../../../assets/img/A6_life_selected.png');          
+            background-image: url('../../../assets/img/A6_life_selected.png');
             background-size: 100% 100%;
             background-repeat: no-repeat;
             background-position: center center;
@@ -88,16 +88,16 @@
     }
     .swiper-pagination {
       height: 30vh;
-        position: relative;
-        top: 4%;
-        left: 0%;
-        display: flex;
-        justify-content: center;
-        gap: 4.6vw;
-        .swiper-pagination-bullet{
-          padding: 2.5vw;
-          opacity: 0;
-        }
+      position: relative;
+      top: 4%;
+      left: 0%;
+      display: flex;
+      justify-content: center;
+      gap: 4.6vw;
+      .swiper-pagination-bullet {
+        padding: 2.5vw;
+        opacity: 0;
+      }
       .swiper-pagination-bullet-active {
         background-color: #9d0800;
       }

project/src/pages/A6life/Swiper/index.tsx

@@ -21,6 +21,8 @@ function SwiperComponent({
   const swiperRef = useRef<any>(null)
   // 是否点击bottom改变了activeIndex
   const isInternalChange = useRef(false)
+  // 点击查看后，忽略点击瞬间触发的 slide change，避免索引被误改
+  const isOpeningDetail = useRef(false)
   const listLength = myDataTemp.lifeList.length
   const handleVideoClick = useCallback(
     (index: number) => {
@@ -32,7 +34,7 @@ function SwiperComponent({
   // 监听activeIndex变化
   useEffect(() => {
     if (!swiperRef.current) return
-    isInternalChange.current = false
+    isInternalChange.current = true
     const index = activeIndex + 3 < listLength ? activeIndex + 3 : activeIndex + 3 - listLength
     console.log(index, activeIndex)
     swiperRef.current.swiper.slideToLoop(index)
@@ -57,9 +59,13 @@ function SwiperComponent({
         modules={[EffectCoverflow, Pagination, Navigation]}
         className='swiper_container'
         onSlideChange={(swiper: any) => {
+          if (isOpeningDetail.current) return
+          if (isInternalChange.current) {
+            isInternalChange.current = false
+            return
+          }
           const index =
             swiper.realIndex - 3 >= 0 ? swiper.realIndex - 3 : swiper.realIndex + listLength - 3
-          isInternalChange.current = true
           handleVideoClick(index)
         }}
         onTransitionEnd={(swiper: any) => {
@@ -74,9 +80,13 @@ function SwiperComponent({
                 <img className='itemImageImg' src={baseOssUrl + item?.imgSrc} alt='' />
                 <img
                   className='detailIcon'
-                  onClick={() => {
-                    if (index === listLength - 1) setIsShowRecord(true)
-                    else setIsShowIntro(true)
+                  onClick={e => {
+                    e.stopPropagation()
+                    isOpeningDetail.current = true
+                    const currentIndex = activeIndex
+                    setActiveIndex(currentIndex)
+                    if (currentIndex === listLength - 1) setIsShowRecord(true)
+                    setIsShowIntro(true)
                   }}
                   src={require('../../../assets/img/A6_life_look.png')}
                   alt=''

project/src/pages/A6life/index.module.scss

@@ -63,14 +63,21 @@
               white-space: nowrap;
               font-size: 1.2vw;
               font-weight: 700;
-              // 描边 + 发光组合
               text-shadow:
-                -0.05vw -0.05vw 0 rgba(123, 72, 14, 1),
-                0.05vw -0.05vw 0 rgba(123, 72, 14, 1),
-                -0.05vw 0.05vw 0 rgba(123, 72, 14, 1),
-                0.05vw 0.05vw 0 rgba(123, 72, 14, 1),
-                // 整体投影
-                0.08vw 0.08vw 0.1vw rgba(123, 72, 14, 1);
+               /* 第一层 - 主描边 */
+                -0.035vw -0.035vw 0 #5c3a12,
+                0.035vw -0.035vw 0 #5c3a12,
+                -0.035vw 0.035vw 0 #5c3a12,
+                0.035vw 0.035vw 0 #5c3a12,
+                /* 第二层 - 大幅加强明显度 */ -0.06vw -0.06vw 0 #5c3a12,
+                0.06vw -0.06vw 0 #5c3a12,
+                -0.06vw 0.06vw 0 #5c3a12,
+                0.06vw 0.06vw 0 #5c3a12,
+                /* 第三层 - 再次补强（小字号下最多加到这里） */ -0.078vw -0.078vw 0 #5c3a12,
+                0.078vw -0.078vw 0 #5c3a12,
+                -0.078vw 0.078vw 0 #5c3a12,
+                0.078vw 0.078vw 0 #5c3a12,
+                /* 轻微外发光，尽量减少毛边 */ 0 0 0.07vw rgba(92, 58, 18, 0.75);
             }
 
             .textBottom {

project/src/pages/A6lifeM/index.module.scss

@@ -12,7 +12,7 @@
     width: 330px;
     height: 70px;
     margin-top: 60px;
-    margin-bottom: 20px;
+    margin-bottom: 0;
     background-image: url('../../assets/img/A6_life_intro_title.png');
     background-size: 100% 100%;
     background-repeat: no-repeat;