。

src/hotel/components/HouseManage/houseManage.jsx

@@ -94,7 +94,7 @@ export default React.forwardRef((props, ref) => {
     getShareMessage: () => {
       const { shareImage, roomOrderId } = shareDataRef.current
       setShowCard(false)
-      console.log(`/pages/index/index?tab=1&roomId=${room.roomId}&roomOrderId=${roomOrderId}&fromType=hotel&recommender=${hotel.hotelId}`)
+      // console.log(`/pages/index/index?tab=1&roomId=${room.roomId}&roomOrderId=${roomOrderId}&fromType=hotel&recommender=${hotel.hotelId}`)
       return {
         title: room.roomName,
         path: `/pages/index/index?tab=1&roomId=${room.roomId}&roomOrderId=${roomOrderId}&fromType=hotel&recommender=${hotel.hotelId}`,

src/pages/MineUserAll/RefundMoney/CheckRefund/index.jsx

@@ -87,8 +87,8 @@ export default withLayout((props) => {
       refundReason: explain,
     }).then((res) => {
       Taro.hideLoading();
-        Taro.navigateTo({ url: '/pages/MineUserAll/AllOrder/index?tabJump=0' })
-        Taro.showToast({
+      Taro.navigateTo({ url: '/pages/MineUserAll/AllOrder/index?tabJump=0' })
+      Taro.showToast({
         title: "退款成功",
         icon: "none",
         duration: 3000,
@@ -110,151 +110,145 @@ export default withLayout((props) => {
   }, [list]);
 
   return (
-    <view>      
+    <view>
       <view className='index-navbar'>
         <CustomNav title='售后退款' />
       </view>
-      <View className='box-content'>
       <scroll-view scroll-y style='height: calc(100vh - 65px);' >
-
-        <view className='Refund-Content-box'>
-
-          <view className='title-image'>
-            <image
-              mode='scaleToFill'
-              className='title-image-cup'
-              src={BlackSpot}
-            />
-            <text className='title-title-boss'>商品信息</text>
+        <View className='index-container box-content'>
+          <view className='Refund-Content-box'>
+            <view className='title-image'>
+              <image
+                mode='scaleToFill'
+                className='title-image-cup'
+                src={BlackSpot}
+              />
+              <text className='title-title-boss'>商品信息</text>
+            </view>
           </view>
-        </view>
-        {/* 商品信息结束 */}
-        <view>
-          {(list || []).map((item) => {
-            return (
-              <view class='wrapper' key={item.orderId}>
-                <view class='left-complete-one'>
-                  <image className='left-image-1' src={ProCard_hot}></image>
-                  <view className='left-viewText'>
-                    返现￥{formatPrice(item.cashback)}
-                  </view>
-                  <view className='title-image'>
-                    <image
-                      className='image-1'
-                      mode='scaleToFill'
-                      src={item.poster}
-                    ></image>
-                    <image className='image-2' src={food}></image>
-                  </view>
-                  <view className='title-content'>
-                    <view className='Pro-title'>
-                      <view className='title-text'>
-                        {item.packageDescription}
+          {/* 商品信息结束 */}
+          <view>
+            {(list || []).map((item) => {
+              return (
+                <view class='wrapper' key={item.orderId}>
+                  <view class='left-complete-one'>
+                    <image className='left-image-1' src={ProCard_hot}></image>
+                    <view className='left-viewText'>
+                      返现￥{formatPrice(item.cashback)}
+                    </view>
+                    <view className='title-image'>
+                      <image
+                        className='image-1'
+                        mode='scaleToFill'
+                        src={item.poster}
+                      ></image>
+                      <image className='image-2' src={food}></image>
+                    </view>
+                    <view className='title-content'>
+                      <view className='Pro-title'>
+                        <View className='cpn-card-text'>
+                          <View style={{ flex: '1' }}>{(item.packageDescription).toString().length > 25 ? (item.packageDescription).substring(0, 25) + '...' : (item.packageDescription)}</View>
+                          <text className='title-money-2'>
+                            数量：{item.amount}张
+                          </text>
+                        </View>
+                      </view>
+                      <text className='title-money'>
+                        ￥{formatPrice(item.unitPrice)}元
                         <text className='title-money-2'>
-                          数量：{item.amount}张
+                          门市价{formatPrice(item.standardPrice)}元
                         </text>
-                      </view>
-                    </view>
-                    <text className='title-money'>
-                      ￥{formatPrice(item.unitPrice)}元
-                      <text className='title-money-2'>
-                        门市价{formatPrice(item.standardPrice)}元
                       </text>
-                    </text>
-                    <view className='title-time'>
-                      有效期：{formatTime(item?.startTime, "yyyy/MM/dd")}-
-                      {formatTime(item.endTime, "yyyy/MM/dd")}
+                      <view className='title-time'>
+                        有效期：{formatTime(item?.startTime, "yyyy/MM/dd")}-
+                        {formatTime(item.endTime, "yyyy/MM/dd")}
+                      </view>
                     </view>
                   </view>
+                  <view class='right-complete-two'>
+                  </view>
                 </view>
-                <view class='right-complete-two'>
-                  <view className='right-content'></view>
-                </view>
-              </view>
-            );
-          })}
-        </view>
-
-        {/* 卡片结束 */}
-        <view className='Refund-Content-box'>
-          <view className='title-image'>
-            <image
-              mode='scaleToFill'
-              className='title-image-cup'
-              src={BlackSpot}
-            />
-            <text className='title-title-boss'>退款原因</text>
+              );
+            })}
           </view>
-          {/* 退款结束 */}
-        </view>
-        <view className='Refund-content'>
-          {options.map((x) => {
-            return (
-              <text
-                className={`Refund-star-view${x.key} ${checkeds.indexOf(x.key) > -1
-                  ? "bg2"
-                  : `Refund-star-view${x.key}`
-                  }`}
-                key={x.key}
-                onClick={() => viewOK(x)}
-              >
-                {x.title}
-              </text>
-            );
-          })}
-        </view>
-
-        <view className='Refund-Content-box'>
-          <view className='title-image'>
-            <image
-              mode='scaleToFill'
-              className='title-image-cup'
-              src={BlackSpot}
+          {/* 卡片结束 */}
+          <view className='Refund-Content-box'>
+            <view className='title-image'>
+              <image
+                mode='scaleToFill'
+                className='title-image-cup'
+                src={BlackSpot}
+              />
+              <text className='title-title-boss'>退款原因</text>
+            </view>
+            {/* 退款结束 */}
+          </view>
+          <view className='Refund-content'>
+            {options.map((x) => {
+              return (
+                <text
+                  className={`Refund-star-view1 ${checkeds.indexOf(x.key) > -1
+                    ? "bg2"
+                    : `Refund-star-view2`
+                    }`}
+                  key={x.key}
+                  onClick={() => viewOK(x)}
+                >
+                  {x.title}
+                </text>
+              );
+            })}
+          </view>
+          <view className='Refund-Content-box'>
+            <view className='title-image'>
+              <image
+                mode='scaleToFill'
+                className='title-image-cup'
+                src={BlackSpot}
+              />
+              <text className='title-title-boss'>退款说明</text>
+            </view>
+          </view>
+          <view class='section'>
+            <Textarea
+              placeholder='请补充退款说明（选填）!'
+              onInput={(e) => setExplain(e.detail.value)}
+              confirm-type='done'
             />
-            <text className='title-title-boss'>退款说明</text>
           </view>
-        </view>
-        <view class='section'>
-          <Textarea
-            placeholder='请补充退款说明（选填）!'
-            onInput={(e) => setExplain(e.detail.value)}
-            confirm-type='done'
-          />
-        </view>
-        <view className='money-title'>
-          实付金额:{" "}
-          <text className='money-name'>{formatPrice(totalPrice.charges)}元</text>
-        </view>
-        <view className='money-title'>
-          已获返现:{" "}
-          <text className='money-name'>{formatPrice(totalPrice.cashback)}元</text>
-        </view>
-        <view className='money-title'>
-          退款金额:{" "}
-          <text className='money-name'>{formatPrice(totalPrice.refundPrice)}元</text>
-        </view>
-        <view className='ul-li-text'>
-          <view className='ul-li-view'></view>
-          <text className='ul-li-textname'>退款金额不可修改</text>
-        </view>
-        <view className='ul-li-text'>
-          <view className='ul-li-view'></view>
-          <text className='ul-li-textname'>
-            下单获得返现金额，会在退款时被扣除；
-          </text>
-        </view>
-        <view className='ul-li-text'>
-          <view className='ul-li-view'></view>
-          <text className='ul-li-textname'>退款将在七个工作日内原路退还。</text>
-        </view>
-
-        <view className='button-info'>
-          <Button className='button-box' onClick={() => onRefund()}>
-            提交申请
-          </Button>
-        </view>
+          <view className='money-title'>
+            实付金额:{" "}
+            <text className='money-name'>{formatPrice(totalPrice.charges)}元</text>
+          </view>
+          <view className='money-title'>
+            已获返现:{" "}
+            <text className='money-name'>{formatPrice(totalPrice.cashback)}元</text>
+          </view>
+          <view className='money-title'>
+            退款金额:{" "}
+            <text className='money-name'>{formatPrice(totalPrice.refundPrice)}元</text>
+          </view>
+          <view className='ul-li-text'>
+            <view className='ul-li-view'></view>
+            <text className='ul-li-textname'>退款金额不可修改</text>
+          </view>
+          <view className='ul-li-text'>
+            <view className='ul-li-view'></view>
+            <text className='ul-li-textname'>
+              下单获得返现金额，会在退款时被扣除；
+            </text>
+          </view>
+          <view className='ul-li-text'>
+            <view className='ul-li-view'></view>
+            <text className='ul-li-textname'>退款将在七个工作日内原路退还。</text>
+          </view>
+          <view className='button-info'>
+            <Button className='button-box' onClick={() => onRefund()}>
+              提交申请
+            </Button>
+          </view>
+        </View>
       </scroll-view>
-</View>
     </view >
   );
 });

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

@@ -1,7 +1,7 @@
 @whiteColor: #fff;
 
 .box-content {
-  padding: 0 30px;
+  margin: 0 30px;
   .Refund-Content-box {
     .title-image {
       margin-top: 39px;
@@ -13,50 +13,22 @@
         height: 32px;
         margin-top: 10px;
         padding-right: 10px;
-        align-items: center;
       }
       .title-title-boss {
-        align-items: center;
         font-size: 32px;
         font-weight: 800;
-        color: #202020;
+
       }
     }
   }
 
   .wrapper {
-    margin: auto;
     margin-top: 40px;
     display: flex;
-    position: relative;
-    width: calc(100% -25px);
     filter: drop-shadow(0 0 0.9rem rgba(0, 0, 0, 0.12));
-    .card-box-star {
-      position: absolute;
-      width: auto;
-      height: 44.3px;
-      position: absolute;
-      left: 200px;
-      top: 28px;
-      font-size: 20px;
-      color: @whiteColor;
-      .card-star-image {
-        padding-left: 6px;
-        width: 21px;
-        height: 21px;
-      }
-      .card-star-text {
-        padding-left: 10px;
-        font-size: 20px;
-        color: #333;
-        font-weight: 700;
-      }
-    }
-
     .left-complete-one {
       padding-top: 87px;
       padding-bottom: 43px;
-      position: relative;
       display: flex;
       background: @whiteColor;
       background: radial-gradient(circle at top right, transparent 15px, #fff 0)
@@ -65,7 +37,6 @@
           right;
       background-size: 100% 60%;
       background-repeat: no-repeat;
-      width: 573px;
       border-radius: 15px 0px 0px 15px;
       align-items: center;
       .left-image-1 {
@@ -75,8 +46,6 @@
         top: 22px;
       }
       .left-viewText {
-        width: auto;
-        height: 44.3px;
         position: absolute;
         left: 1px;
         top: 28px;
@@ -90,11 +59,11 @@
         border-radius: 24px;
         overflow: hidden;
         position: relative;
+        min-width: 144px;
 
         .image-1 {
           width: 144px;
           height: 144px;
-          margin: 0;
         }
         .image-2 {
           width: 89px;
@@ -106,19 +75,16 @@
       }
       // 商品标题
       .title-content {
-        padding-left: 18px;
+        padding-left: 20px;
 
         .Pro-title {
-          .title-text {
-            width: 375px;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            //必须要
-            -webkit-line-clamp: 1;
-            -webkit-box-orient: vertical;
-             /* 多出文本省略号代替 */
-            text-align: left;
+          .cpn-card-text {
             font-size: 24px;
+            font-weight: 400;
+            color: #333333;
+            line-height: 40px;
+            vertical-align: baseline;
+            display: flex;
           }
         }
         .title-money {
@@ -128,11 +94,10 @@
           margin: 15px auto;
         }
         .title-money-2 {
-          height: 19px;
           font-size: 20px;
           font-weight: 400;
           color: #333333;
-          padding-left: 50px;
+          padding-left: 20px;
           text-decoration: line-through;
         }
 
@@ -180,153 +145,54 @@
         left;
     background-size: 100% 60%;
     background-repeat: no-repeat;
-    width: 129px;
+    min-width: 130px;
     border-radius: 0 15px 15px 0;
-    position: relative;
-    //右面部分
-    .right-content {
-      height: 120px;
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-
-      .right-image {
-        width: 36px;
-        height: 36px;
-        margin: 0 auto;
-        align-items: center;
-        margin: auto;
-        padding-left: 8px;
-      }
-
-      .right-title {
-        font-weight: 700;
-        font-size: 24px;
-        padding-top: 10px;
-        text-align: center;
-      }
-    }
   }
   .Refund-content {
-    width: 100%;
     margin-top: 45px;
     .Refund-star-view1 {
-      display: inline-block;
-      width: 295px;
-      height: 60px;
       border: 1px solid #999999;
       border-radius: 30px;
       font-size: 24px;
-      font-weight: bold;
-      color: #666666;
-      text-align: center;
-      line-height: 60px;
-    }
-    .Refund-star-view2 {
-      width: 198px;
-      height: 60px;
-      border: 1px solid #999999;
-      border-radius: 30px;
-      font-size: 24px;
-      font-weight: bold;
-      color: #666666;
-      text-align: center;
-      line-height: 60px;
-      display: inline-block;
-      margin-left: 30px;
-    }
-    .Refund-star-view3 {
-      margin: 30px auto;
       display: inline-block;
-      width: 507px;
-      height: 60px;
-      border: 1px solid #999999;
-      border-radius: 30px;
-      font-size: 24px;
       font-weight: bold;
       color: #666666;
-      text-align: center;
-      line-height: 60px;
+      padding: 18px 23px 19px 23px;
+      margin-bottom: 30px;
     }
-    .Refund-star-view4 {
-      display: inline-block;
-      width: 146px;
-      height: 60px;
-      background: #ffffff;
-      border-radius: 30px;
-      border: 1px solid #999999;
-      font-size: 24px;
-      font-weight: bold;
-      color: #666666;
-      text-align: center;
-      line-height: 60px;
-      margin-left: 30px;
-    }
-    .Refund-star-view5 {
-      display: inline-block;
-      width: 220px;
-      height: 60px;
-      background: #ffffff;
-      border-radius: 30px;
-      border: 1px solid #999999;
-      font-size: 24px;
-      font-weight: bold;
-      color: #666666;
-      text-align: center;
-      line-height: 60px;
-    }
-    .Refund-star-view6 {
-      display: inline-block;
-      width: 257px;
-      height: 60px;
-      background: #ffffff;
-      border-radius: 30px;
-      border: 1px solid #999999;
-      font-size: 24px;
-      font-weight: bold;
-      color: #666666;
-      text-align: center;
-      line-height: 60px;
-      margin-left: 30px;
+    .Refund-star-view2 {
+      margin-right: 30px;
     }
     /* 点击以后的样式 */
     .bg2 {
       color: #274190;
+      margin-right: 30px;
       border: 2px solid #274190;
     }
   }
 
   .section {
-    height: 254px;
-    background: #ffffff;
     border: 1px solid #b5b5b5;
+    font-size: 24px;
     box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
-    padding: 0 20px 0 20px;
+    padding: 30px;
     margin-top: 40px;
-    textarea {
-      padding-top: 20px;
-      font-size: 24px;
-      font-weight: 400;
-      color: #666666;
-    }
   }
 
   .money-title {
     margin: 40px 0;
-    padding-bottom: 20px;
+    padding: 30px 0;
     font-size: 30px;
     font-weight: bold;
     color: #202020;
-    background: #ffffff;
     box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.12);
+    .money-name {
+      font-size: 30px;
+      color: #ff3434;
+    }
   }
 
-  .money-name {
-    font-size: 30px;
-    font-weight: bold;
-    color: #ff3434;
-  }
+  
   .ul-li-text {
     .ul-li-view {
       display: inline-block;
@@ -338,24 +204,22 @@
       border-radius: 50%;
     }
     .ul-li-textname {
-      display: inline-block;
-      height: 19px;
       font-size: 20px;
-      font-weight: 400;
       color: #999999;
     }
   }
 
   .button-info {
-    margin-bottom: 70px;
+    margin-bottom: 80px;
     .button-box {
-      margin: 60px 0;
-      height: 88px;
-      line-height: 88px;
-      background: #274291;
+      margin-top: 60px;
+      height: 92px;
+      line-height: 92px;
+      background: #1A3B83;      
       border-radius: 12px;
       color: @whiteColor;
-      margin-bottom: 2em;
+      font-size: 30px;
+      letter-spacing: 0.1em;
     }
   }
 }

src/pages/MineUserAll/RefundMoney/style.less

@@ -1,9 +1,8 @@
 @whiteColor: #fff;
 
 .box-content {
-  padding: 0 30px;
   .View-box-Card {
-    margin: 30px 5px 0 5px;
+    margin: 30px 30px 0 30px;
     .foot {
       font-size: 28px;
       color: #c0c8d3;