flx

src/components/CompoentsOrder/complete/style.less

@@ -187,11 +187,11 @@
     position: relative;
     //右面部分
     .right-content {
-      width: 60px;
+      width: 100px;
       height: 134px;
       position: absolute;
       top: calc(50% - 45px);
-      left: calc(50% - 30px);
+      left: calc(50% - 46px);
       .right-image-2 {
         width: 76px;
         height: 66px;

src/pages/MineUserAll/RefundMoney/CheckRefund/style.less

@@ -158,6 +158,7 @@
           font-weight: 400;
           color: #333333;
           padding-left: 50px;
+          text-decoration:line-through;
         }
 
         .title-time {

src/pages/TobeShop/index.jsx

@@ -40,8 +40,6 @@ export default withLayout((props) => {
     })
   }
 
-
-
   const getList = (params) => {
     getVerifyTargetList({
       shopId: id,

src/pages/index/tabs/Guide.jsx

@@ -187,32 +187,32 @@ export default (props) => {
                   <view className='MessageCard-name' >{taRoomContent?.roomName}</view>
                 </view>
               </view>
-              <view className='MessageCard'>
-                <view className='MessageCard-title1'>
-                  <text className='MessageCard-left'>----------</text>
+              <view className='MessageCard-hotle'>
+                <view className='MessageCard-title1-hotle'>
+                  <text className='MessageCard-left-hotle'>----------</text>
                   民宿位置
-                  <text className='MessageCard-right'>----------</text>
+                  <text className='MessageCard-right-hotle'>----------</text>
                 </view>
-                <view className='MessageCard-content'>
-                  <view className='MessageCard-name' >{taRoomContent?.address}</view>
+                <view className='MessageCard-content-hotle'>
+                  <view className='MessageCard-name-hotle' >{taRoomContent?.address}</view>
                 </view>
-                <view className='MessageCard-button-RoomName' onClick={() => { goRoomMap() }}>
-                  <image className='MessageCard-image' src={GoHere} />
-                  <text className='MessageCard-text'  >去这里</text>
+                <view className='MessageCard-button-RoomName-hotle' onClick={() => { goRoomMap() }}>
+                  <image className='MessageCard-image-hotle' src={GoHere} />
+                  <text className='MessageCard-text-hotle'  >去这里</text>
                 </view>
               </view>
-              <view className='MessageCard'>
-                <view className='MessageCard-title1'>
-                  <text className='MessageCard-left'>----------</text>
+              <view className='MessageCard-parkView'>
+                <view className='MessageCard-title1-parkView'>
+                  <text className='MessageCard-left-parkView'>----------</text>
                   停车位置
-                  <text className='MessageCard-right'>----------</text>
+                  <text className='MessageCard-right-parkView'>----------</text>
                 </view>
-                <view className='MessageCard-content'>
-                  <view className='MessageCard-name' >{taRoomContent?.parkingAddress}</view>
+                <view className='MessageCard-content-parkView'>
+                  <view className='MessageCard-name-parkView' >{taRoomContent?.parkingAddress}</view>
                 </view>
-                <view className='MessageCard-button-Park' onClick={() => { goParkMap() }} style={{ display: parkingButtonStyle }} >
-                  <image className='MessageCard-image' src={Taxi} />
-                  <text className='MessageCard-text'  >去这里</text>
+                <view className='MessageCard-button-Park-parkView' onClick={() => { goParkMap() }} style={{ display: parkingButtonStyle }} >
+                  <image className='MessageCard-image-parkView' src={Taxi} />
+                  <text className='MessageCard-text-parkView'  >去这里</text>
                 </view>
               </view>
               <view className='MessageCard'>

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

@@ -11,7 +11,6 @@
     border-radius: 12px;
     margin: 30px auto;
     box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
-
     .MessageCard-title1 {
       height: 26px;
       font-size: 28px;
@@ -67,7 +66,7 @@
       position: relative;
       text-align: center;
       display: inline-block;
-      left: -0.5em;
+      left: 1.5em;
       .MessageCard-image {
         width: 30px;
         height: 30px;
@@ -91,7 +90,7 @@
       position: relative;
       text-align: center;
       display: inline-block;
-      left: -0.5em;
+      left: 1.5em;
       .MessageCard-image {
         width: 30px;
         height: 30px;
@@ -116,7 +115,7 @@
       text-align: center;
       display: inline-block;
       bottom: 40px;
-      left: -0.5em;
+      left: 1.5em;
       .MessageCard-image {
         width: 30px;
         height: 30px;
@@ -132,8 +131,280 @@
         color: #202020;
       }
     }
+  
   }
 
+
+
+
+
+
+
+
+  
+  // --------------------------
+  .MessageCard-hotle {
+    width: calc(100% - 60px);
+    height: 175px;
+    background: @whiteColor;
+    border-radius: 12px;
+    margin: 30px auto;
+    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
+    .MessageCard-title1-hotle {
+      height: 26px;
+      font-size: 28px;
+      font-weight: bold;
+      color: #666666;
+      line-height: 44px;
+      text-align: center;
+      .MessageCard-left-hotle {
+        width: 530px;
+        height: 2px;
+        padding-right: 50px;
+        // opacity: 0.5;
+      }
+      .MessageCard-right-hotle {
+        width: 530px;
+        height: 2px;
+        padding-left: 50px;
+      }
+    }
+    .MessageCard-content-hotle {
+      // background: @whiteColor;
+      width: 13em;
+      height: 2.5em;
+      margin-top: 45px;
+      display: inline-block;
+      margin-left: 30px;
+
+      .MessageCard-name-hotle {
+  
+        width: 100%;
+        /* height: 40rpx; */
+        font-size: 32px;
+        font-weight: bold;
+        color: #202020;
+        line-height: 44px;
+        /* overflow: hidden; */
+        /* -o-text-overflow: ellipsis; */
+        text-overflow: ellipsis;
+        /* white-space: nowrap; */
+        display: flex;
+      }
+      .MessageCard-info-hotle {
+        height: 23px;
+        font-size: 24px;
+        font-weight: 400;
+        color: #666666;
+        line-height: 44px;
+        padding-top: 19px;
+      }
+    }
+    .MessageCard-button-RoomName-hotle{
+      width: 168px;
+      height: 60px;
+      border: 2px solid #000000;
+      border-radius: 12px;
+      position: relative;
+      text-align: center;
+      display: inline-block;
+      left: 1.5em;
+      .MessageCard-image-hotle {
+        width: 30px;
+        height: 30px;
+        padding-top: 12px;
+        padding-right: 5px;
+      }
+      .MessageCard-text-hotle {
+        line-height: 30px;
+        width: 87px;
+        height: 28px;
+        font-size: 30px;
+        font-weight: bold;
+        color: #202020;
+      }
+    }
+    .MessageCard-button-Park-hotle{
+      width: 168px;
+      height: 60px;
+      border: 2px solid #000000;
+      border-radius: 12px;
+      position: relative;
+      text-align: center;
+      display: inline-block;
+      left: 1.5em;
+      .MessageCard-image-hotle {
+        width: 30px;
+        height: 30px;
+        padding-top: 12px;
+        padding-right: 5px;
+      }
+      .MessageCard-text-hotle {
+        line-height: 30px;
+        width: 87px;
+        height: 28px;
+        font-size: 30px;
+        font-weight: bold;
+        color: #202020;
+      }
+    }
+    .MessageCard-button-hotle {
+      width: 168px;
+      height: 60px;
+      border: 2px solid #000000;
+      border-radius: 12px;
+      position: relative;
+      text-align: center;
+      display: inline-block;
+      bottom: 40px;
+      left: 1.5em;
+      .MessageCard-image-hotle {
+        width: 30px;
+        height: 30px;
+        padding-top: 12px;
+        padding-right: 5px;
+      }
+      .MessageCard-text-hotle {
+        line-height: 30px;
+        width: 87px;
+        height: 28px;
+        font-size: 30px;
+        font-weight: bold;
+        color: #202020;
+      }
+    }
+  }
+// -------------------------------
+.MessageCard-parkView {
+  width: calc(100% - 60px);
+  height: 175px;
+  background: @whiteColor;
+  border-radius: 12px;
+  margin: 30px auto;
+  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
+  .MessageCard-title1-parkView {
+    height: 26px;
+    font-size: 28px;
+    font-weight: bold;
+    color: #666666;
+    line-height: 44px;
+    text-align: center;
+    .MessageCard-left-parkView {
+      width: 530px;
+      height: 2px;
+      padding-right: 50px;
+      // opacity: 0.5;
+    }
+    .MessageCard-right-parkView {
+      width: 530px;
+      height: 2px;
+      padding-left: 50px;
+    }
+  }
+  .MessageCard-content-parkView {
+    // background: @whiteColor;
+    width: 13em;
+    height: 2.5em;
+    margin-top: 45px;
+    display: inline-block;
+    margin-left: 30px;
+
+    .MessageCard-name-parkView {
+  
+      width: 100%;
+      font-size: 32px;
+      font-weight: bold;
+      color: #202020;
+      line-height: 44px;
+      text-overflow: ellipsis;
+      display: flex;
+    }
+    .MessageCard-info-parkView {
+      height: 23px;
+      font-size: 24px;
+      font-weight: 400;
+      color: #666666;
+      line-height: 44px;
+      padding-top: 19px;
+    }
+  }
+  .MessageCard-button-RoomName-parkView{
+    width: 168px;
+    height: 60px;
+    border: 2px solid #000000;
+    border-radius: 12px;
+    position: relative;
+    text-align: center;
+    display: inline-block;
+    left: 1.5em;
+    .MessageCard-image-parkView {
+      width: 30px;
+      height: 30px;
+      padding-top: 12px;
+      padding-right: 5px;
+    }
+    .MessageCard-text-parkView {
+      line-height: 30px;
+      width: 87px;
+      height: 28px;
+      font-size: 30px;
+      font-weight: bold;
+      color: #202020;
+    }
+  }
+  .MessageCard-button-Park-parkView{
+    width: 168px;
+    height: 60px;
+    border: 2px solid #000000;
+    border-radius: 12px;
+    position: relative;
+    text-align: center;
+    display: inline-block;
+    left: 1.5em;
+    .MessageCard-image-parkView {
+      width: 30px;
+      height: 30px;
+      padding-top: 12px;
+      padding-right: 5px;
+    }
+    .MessageCard-text-parkView {
+      line-height: 30px;
+      width: 87px;
+      height: 28px;
+      font-size: 30px;
+      font-weight: bold;
+      color: #202020;
+    }
+  }
+  .MessageCard-button-parkView {
+    width: 168px;
+    height: 60px;
+    border: 2px solid #000000;
+    border-radius: 12px;
+    position: relative;
+    text-align: center;
+    display: inline-block;
+    bottom: 40px;
+    left: 1.5em;
+    .MessageCard-image-parkView {
+      width: 30px;
+      height: 30px;
+      padding-top: 12px;
+      padding-right: 5px;
+    }
+    .MessageCard-text-parkView {
+      line-height: 30px;
+      width: 87px;
+      height: 28px;
+      font-size: 30px;
+      font-weight: bold;
+      color: #202020;
+    }
+  }
+}
+
+
+// ---------------------------------
   .articleCard {
     margin-top: 60px;
     width: calc(100% - 60px);