。

src/pages/RandomItinerary/ResultOver/index.jsx

@@ -18,17 +18,13 @@ export default withLayout((props) => {
 
 
   useEffect(() => {
-
     getTravelDestiny().then(e => {
       setTraveContent(e)
       setShareList(e?.travelItemList || [])
     })
-
-
   }, [])
 
   useShareAppMessage((e) => {
-
     return {
       promise: share({ shareUrl: '/pages/index/index', targetId: traveContent.serialNo, targetType: 'travel' }).then(res => {
         return {
@@ -36,7 +32,6 @@ export default withLayout((props) => {
           path: `/pages/index/index?shareId=${res.shareId}`,
         }
       })
-
     }
   })
 
@@ -46,43 +41,35 @@ export default withLayout((props) => {
       <view className='index-navbar'>
         <CustomNav title='命定行程' />
       </view>
-      <scroll-view scrollY style='height: calc(100% - 75px);margin-bottom: 40px;' >
-
-        <View className='Over-box'>
-
-          <View className='Over-index-box' >
-            <image className='OI-image' src={ShowOver} />
-            <View className='OI-text-box'>
-              <Text className='OI-text'>
-                整体运势或有起伏的情况，需要做好各方面的平衡避免有故此彼伏的情况。 你要学会自己衡量得失利弊，但时间不够用的时候就要面临个人的
-              </Text>
-              <Text className='OI-text'>
-                未必就是走的人多的路就是对，你可以保持自己的想法。
-              </Text>
-              <Text className='OI-text'>
-                南京对于你而言是梦想中的地方，你的命定行程适合阳光、梦幻的地方。结合你的回答你的命定行程如下：
-              </Text>
-              <View className='bottom-text'>》</View>
+      <View className='index-container' >
+        <scroll-view scrollY style='height: 100%;margin-bottom: 40px;' >
+          <View className='Over-box'>
+            <View className='Over-index-box' >
+              <image className='OI-image' src={ShowOver} />
+              <View className='OI-text-box'>
+                <Text className='OI-text'>
+                  整体运势或有起伏的情况，需要做好各方面的平衡避免有故此彼伏的情况。 你要学会自己衡量得失利弊，但时间不够用的时候就要面临个人的抉择。
+                </Text>
+                <Text className='OI-text'>
+                  未必就是走的人多的路就是对，你可以保持自己的想法。
+                </Text>
+                <Text className='OI-text'>
+                  南京对于你而言是梦想中的地方，你的命定行程适合阳光、梦幻的地方。结合你的回答你的命定行程如下：
+                </Text>
+                <View className='bottom-text'>》</View>
+              </View>
             </View>
+            {
+              traveContent?.isHidden === false && shareList.map((item) => <ShareCard det={item} item={item} key={item.itemId} />
+              )
+            }
+            {
+              traveContent?.isHidden &&
+              <Button openType='share' className='content'><View className='shareImg'>分享并邀请好友点开查看完整命定行程</View></Button>
+            }
           </View>
-          {
-            traveContent?.isHidden === false && shareList.map((item) => <ShareCard det={item} item={item} key={item.itemId} />
-
-
-            )
-          }
-          {
-            traveContent?.isHidden &&
-            <Button openType='share' className='purebtn'><View className='shareImg'>分享并邀请好友点开查看完整命定行程</View></Button>
-            // <View className='content' >分享并邀请好友点开查看完整命定行程</View>
-
-          }
-        </View>
-
-      </scroll-view>
-
+        </scroll-view>
+      </View>
     </view >
-
-
   )
 })

src/pages/RandomItinerary/ResultOver/style.less

@@ -1,52 +1,49 @@
 .Over-box {
   .Over-index-box {
-    width: 690px;
-    background: #ffffff;
+    background: #fff;
     border: 2px solid #dce6e3;
     border-radius: 10px;
-    margin: 15px auto;
+    margin: 20px 30px;
     .OI-image {
       width: 630px;
       height: 223px;
-      margin: 10px 30px;
+      margin: 30px;
     }
     .OI-text-box {
-      width: 100%;
-      padding: 10px 25px;
+      padding: 25px 38px 0 38px;
 
       .OI-text {
         text-indent: 2em;
         display: block;
-        width: 94%;
         font-size: 28px;
         font-weight: 400;
         color: #202020;
         line-height: 80px;
+        margin-bottom: 30px;
       }
       .bottom-text {
         transform: rotate(90deg);
         width: 200px;
         text-align: center;
         margin: 0 auto;
-
         position: relative;
-        right: 5vw;
       }
     }
   }
   .shareImg {
-    width: 95%;
-    height: 115px;
+    height: 120px;
     background: url("../../../assets/icons/GuideCheck/shareImage.png") no-repeat;
     background-size: 100%;
-    margin: 0 auto;
-    margin-bottom: 2em;
     font-size: 29px;
-    font-weight: 400;
     color: #1a3b83;
     line-height: 120px;
-    text-align: center;
   }
   .content {
+    background: transparent;
+    padding: 0;
+    margin: 26px 30px;
+    &::after {
+      border: none;
+    }
   }
 }