。

src/pages/index/components/Customized/index.jsx

 
 
 import Taro from '@tarojs/taro'
-import { View } from '@tarojs/components'
+import { View, Image } from '@tarojs/components'
 import { getTravelDestiny } from '@/services/travel'
-// import ResultOver from "../../../RandomItinerary/components/ResultOver/index"//结果
 
 import './style.less'
 
 export default (props) => {
-  const { item, onMoldeOn } = props
-
-
   const goToTravel = () => {
     Taro.navigateTo({ url: `/pages/Travel/customizedTravel/index` })
-
   }
-
   //跳转答题页
   const goToRandomItinerary = () => {
-
     getTravelDestiny().then(e => {
-
       if (!e) {
         Taro.navigateTo({ url: `/pages/RandomItinerary/index` })
-
       } else {
         Taro.navigateTo({ url: `/pages/RandomItinerary/ResultOver/index` })
-
       }
-
     })
-
-
-
-
   }
 
   return (
-    <view style='width:100%;display:flex;'>
-      <view style='width:45%'>
-        <view onClick={goToTravel} className='CustomizedEntrance'  ></view>
-        <image className='MiniYellow' src='https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/GuideCheck/MiniYellow.png' />
-
-        <image className='BigPink' src='https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/GuideCheck/BigPink.png' />
-
-      </view>
-      <view className='style=width:45%'>
-        <view className='BigYellow'  ></view>
-
-        {/* <view className='MiniPink'  ></view> */}
-        <image className='MiniPink' src='https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/GuideCheck/MiniPink.png' />
-
-
-        <view onClick={goToRandomItinerary} className='LtineraryEntrance'  ></view>
-
-      </view>
-    </view>
-
-
-
+    <View style='width:100%;display:flex;'>
+      <View style='width:45%'>
+        <View onClick={goToTravel} className='CustomizedEntrance'  ></View>
+        <Image className='MiniYellow' src='https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/GuideCheck/MiniYellow.png' />
+        <Image className='BigPink' src='https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/GuideCheck/BigPink.png' />
+      </View>
+      <View className='style=width:45%'>
+        <View className='BigYellow'></View>
+        <Image className='MiniPink' src='https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/GuideCheck/MiniPink.png' />
+        <View onClick={goToRandomItinerary} className='LtineraryEntrance'></View>
+      </View>
+    </View>
   )
-}
+}

src/pages/index/components/Customized/style.less

   position: relative;
   animation: MiniYellow 2.2s ease infinite;
   animation-iteration-count: infinite; /*动作循环的次数：infinite 无限循环*/
-  // background: url("https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/GuideCheck/MiniYellow.png")
-  //   no-repeat;
-  // background-size: 100% 100%;
-
   animation-fill-mode: both; /*播放后的状态*/
   left: 201px;
   bottom: 20px;
   left: 54px;
   animation: BigPink 2.4s ease infinite;
   animation-iteration-count: infinite; /*动作循环的次数：infinite 无限循环*/
-  // background: url("https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/GuideCheck/BigPink.png")
-  //   no-repeat;
-  // background-size: 100% 100%;
   bottom: 10px;
   animation-fill-mode: both; /*播放后的状态*/
 }
   position: relative;
   left: 80px;
   top: 50px;
-
   z-index: -1;
   animation: BigYellow 2.4s ease infinite;
   animation-iteration-count: infinite; /*动作循环的次数：infinite 无限循环*/
   height: 184px;
 
   position: relative;
-  left: 0px;
+  left: 200px;
   animation: MiniPink 2.4s ease infinite;
   animation-iteration-count: infinite; /*动作循环的次数：infinite 无限循环*/
-  // background: url("https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/GuideCheck/MiniPink.png")
-  //   no-repeat;
-  // background-size: 100% 100%;
   animation-fill-mode: both; /*播放后的状态*/
 }
 

src/pages/index/tabs/Guide.jsx

 import MoreGuide from "@/components/MoreGuide";
 import BossCard from '@/components/BossCard'
 import SpinBox from "@/components/Spin/SpinBox";
-import { Image } from "@tarojs/components";
+import { Image, View } from "@tarojs/components";
 import GPS from '@/assets/icons/GuideCheck/GPS.png'
 import copy_logo from '@/assets/icons/GuideCheck/copy_logo.png'
 import Cup from '@/assets/icons/GuideCheck/Cup.png'
     Taro.redirectTo({ url: '/pages/index/index' })
   }
   return (
-    <scroll-view scrollY style={{ height: '100%' }}  >
-      <view className='Guide-Home-box'>
-        {/* 有民宿的情况下 */}
-        {
-          ifroomId === 'reality' && (
-            <SpinBox loading={loading}>
-              <view className='room-box-info-ROOM'>
-                <view className='room-bi-name-ROOM' >
-                  <view className='room-bin-title-ROOM'>房屋名称</view>
-                  <view className='room-bint-nameInfo-ROOM'>{taRoomContent?.roomName}
+      <scroll-view scrollY style={{ height: '100%' }}  >
+        <view className='Guide-Home-box'>
+          {/* 有民宿的情况下 */}
+          {
+            ifroomId === 'reality' && (
+              <SpinBox loading={loading}>
+                <view className='room-box-info-ROOM'>
+                  <view className='room-bi-name-ROOM' >
+                    <view className='room-bin-title-ROOM'>房屋名称</view>
+                    <view className='room-bint-nameInfo-ROOM'>{taRoomContent?.roomName}
+                    </view>
                   </view>
                 </view>
-              </view>
-              {/* --------房屋位置-------- */}
-              <view className='room-box-info-HouLocation'>
-                <view className='room-bi-name-HouLocation' >
-                  <view className='room-bin-title-HouLocation'>房屋位置</view>
-                  <view className='room-bint-nameInfo-HouLocation'>
-                    <view className='room-bint-nameInfo-bool-HouLocation' >{taRoomContent?.address}</view>
-                    <view className='room-bintn-button-HouLocation' onClick={() => { goRoomMap() }}>
-                      <image className='room-bintn-image-HouLocation' src={GPS} />
-                      <text className='room-bintn-text-HouLocation'>去这里</text>
+                {/* --------房屋位置-------- */}
+                <view className='room-box-info-HouLocation'>
+                  <view className='room-bi-name-HouLocation' >
+                    <view className='room-bin-title-HouLocation'>房屋位置</view>
+                    <view className='room-bint-nameInfo-HouLocation'>
+                      <view className='room-bint-nameInfo-bool-HouLocation' >{taRoomContent?.address}</view>
+                      <view className='room-bintn-button-HouLocation' onClick={() => { goRoomMap() }}>
+                        <image className='room-bintn-image-HouLocation' src={GPS} />
+                        <text className='room-bintn-text-HouLocation'>去这里</text>
+                      </view>
                     </view>
                   </view>
                 </view>
-              </view>
-              {/* --------停车场-------- */}
-              {
-                !taRoomContent.parkingLocation ? null :
-                  <view className='room-box-info-Parking'>
-                    <view className='room-bi-name-Parking' >
-                      <view className='room-bin-title-Parking'>停车位置</view>
-                      <view className='room-bint-nameInfo-Parking'>
-                        <view className='room-bint-nameInfo-bool-Parking' >{taRoomContent?.parkingAddress}</view>
-                        <view className='room-bintn-button-Parking' onClick={() => { goParkMap() }}>
-                          <image className='room-bintn-image-Parking' src={GPS} />
-                          <text className='room-bintn-text-Parking'>去这里</text>
+                {/* --------停车场-------- */}
+                {
+                  !taRoomContent.parkingLocation ? null :
+                    <view className='room-box-info-Parking'>
+                      <view className='room-bi-name-Parking' >
+                        <view className='room-bin-title-Parking'>停车位置</view>
+                        <view className='room-bint-nameInfo-Parking'>
+                          <view className='room-bint-nameInfo-bool-Parking' >{taRoomContent?.parkingAddress}</view>
+                          <view className='room-bintn-button-Parking' onClick={() => { goParkMap() }}>
+                            <image className='room-bintn-image-Parking' src={GPS} />
+                            <text className='room-bintn-text-Parking'>去这里</text>
+                          </view>
                         </view>
                       </view>
                     </view>
-                  </view>
-              }
-              {/* --------无线网-------- */}
-              {
-                !taRoomContent.wifiName && !taRoomContent.wifiPassword ? null :
-                  <view className='room-box-info-WIFIContent'>
-                    <view className='room-bi-name-WIFIContent' >
-                      <view className='room-bin-title-WIFIContent'>WiFi信息</view>
-                      <view className='room-bint-nameInfo-WIFIContent'>
-                        <view className='room-bint-nameInfo-bool-WIFIContent-wifi' >名称：{taRoomContent?.wifiName}</view>
-                        <view className='room-bint-nameInfo-bool-WIFIContent-password' >密码：{taRoomContent?.wifiPassword}</view>
-                        <view className='room-bintn-button-WIFIContent' onClick={() => { wifiCopy() }}>
-                          <image className='room-bintn-image-WIFIContent' src={copy_logo} />
-                          <text className='room-bintn-text-WIFIContent'>复制</text>
+                }
+                {/* --------无线网-------- */}
+                {
+                  !taRoomContent.wifiName && !taRoomContent.wifiPassword ? null :
+                    <view className='room-box-info-WIFIContent'>
+                      <view className='room-bi-name-WIFIContent' >
+                        <view className='room-bin-title-WIFIContent'>WiFi信息</view>
+                        <view className='room-bint-nameInfo-WIFIContent'>
+                          <view className='room-bint-nameInfo-bool-WIFIContent-wifi' >名称：{taRoomContent?.wifiName}</view>
+                          <view className='room-bint-nameInfo-bool-WIFIContent-password' >密码：{taRoomContent?.wifiPassword}</view>
+                          <view className='room-bintn-button-WIFIContent' onClick={() => { wifiCopy() }}>
+                            <image className='room-bintn-image-WIFIContent' src={copy_logo} />
+                            <text className='room-bintn-text-WIFIContent'>复制</text>
+                          </view>
                         </view>
                       </view>
                     </view>
-                  </view>
-              }
-              {
-                extend.length === 0 ? null :
-                  <view className='Guide-Content-box'  >
-                    <view className='title-image'>
-                      <image mode='scaleToFill' className='title-image-cup' src={BlackSpot} />
-                      <text className='title-title-boss' >更多指引</text>
-                    </view>
-                    <view>
-                      {(extend || []).map((item, index) => <MoreGuide key={(index)} item={item} />)}
+                }
+                {
+                  extend.length === 0 ? null :
+                    <view className='Guide-Content-box'  >
+                      <view className='title-image'>
+                        <image mode='scaleToFill' className='title-image-cup' src={BlackSpot} />
+                        <text className='title-title-boss' >更多指引</text>
+                      </view>
+                      <view>
+                        {(extend || []).map((item, index) => <MoreGuide key={(index)} item={item} />)}
+                      </view>
                     </view>
-                  </view>
-              }
-            </SpinBox>
-          )
-        }
-        <view className='Guide-Content-box'>
-          <Customized />
-        </view>
-        <view className={`Guide-bottom-box ${ifroomId === 'reality' ? '' : 'Guide-bottom-two'}`}>
-          <Image mode='widthFix' style={{ width: '100%' }} src='http://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/hotel_guide_help.png' onClick={goIndex} />
-
+                }
+              </SpinBox>
+            )
+          }
+          <view className='Guide-Content-box'>
+            <Customized />
+          </view>
+          <view className={`Guide-bottom-box ${ifroomId === 'reality' ? '' : 'Guide-bottom-two'}`}>
+            <Image mode='widthFix' style={{ width: '100%' }} src='http://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/hotel_guide_help.png' onClick={goIndex} />
+
+          </view>
         </view>
-      </view>
 
-    </scroll-view>
+      </scroll-view>
   )
 }

src/pages/index/tabs/GuideCss/style.less

 @whiteColor: #fff;
 
 .Guide-Home-box {
-  width: 94%;
-  margin: auto;
+  padding: 30px;
   .room-box-info-ROOM {
     display: flex;
     padding: 10px;
     .room-bi-name-ROOM {
       width: 100%;
-
       .room-bin-title-ROOM {
         margin: 3vw 3vw;
         color: rgb(125, 125, 125);
         -webkit-border-radius: 4em;
         -moz-border-radius: 4em;
         border-radius: 40px 40px 40px 40px;
-        // border-radius: 2em;
         font-size: 28px;
         padding: 1em 3vw;
         box-shadow: 0px 8px 38px 0px rgba(0, 0, 0, 0.12);
   .Guide-Content-box {
     .title-image {
       display: flex;
-      // width: 270px;
       height: 40px;
       padding-bottom: 1em;
 
     }
   }
   .Guide-bottom-box {
-    width: 100%;
+    width: calc(100% - 60px);
     position: absolute;
-    left: 0;
     z-index: 9999;
   }
 
   .Guide-bottom-two {
-    bottom: 0vw;
+    bottom: 30px;
   }
 
   //攻略卡片.
       width: 330px;
 
       .Raiders-image-Raiders {
-        // position: absolute;
         width: 99px;
         height: 37px;
       }