。

src/components/CompoentsOrder/OrderCard/index.jsx

@@ -83,7 +83,7 @@ export default (props) => {
             image={item.poster}
             badge='food'
           />
-          <CouponMedia.Body star={kkp == '1' ? null : item.score}>
+          <CouponMedia.Body star={kkp == '1' ? 'ss' : item.score}>
             <View className='orderCard'>
               <View className='cpn-card-text'>
                 <View style={{ flex: '1' }}>{(item.packageDescription).toString().length > 25 ? (item.packageDescription).substring(0, 25) + '...' : (item.packageDescription)}</View>

src/components/CouponCard/Media/Body.jsx

@@ -11,9 +11,9 @@ export default (props) => {
   return (
     <View className='coupun-media_body'>
       {
-      !enableStar?
-      <Star score={5} style={{ marginTop: '26rpx',opacity: '0' }} />:
-       <Star score={(star).toFixed(1)} style={{ marginTop: '26rpx' }} />}      
+        star == 'ss' ? <Star score={5} style={{ marginTop: '26rpx', opacity: '0' }} /> :
+          enableStar ? <Star score={(star).toFixed(1)} style={{ marginTop: '26rpx' }} /> : null
+      }
       <View className='coupun-media_body_ctt'>
         {props.children}
       </View>

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

@@ -1,15 +1,12 @@
-import BlackSpot from "@/assets/icons/GuideCheck/BlackSpot.png";
 import Taro from "@tarojs/taro";
 import { Button, Textarea, View } from "@tarojs/components";
 import formatPrice from "@/utils/formatPrice";
-import formatTime from "@/utils/formatTime";
 import { useState, useEffect } from "react";
 import OrderCard from '@/components/CompoentsOrder/OrderCard'
 import withLayout from "@/layouts";
 import { getOrderSub, refund } from "@/services/payOrder";
-import food from "@/assets/icons/ProCard/food.png";
-import ProCard_hot from "@/assets/icons/ProCard/ProCard_hot.png";
 import CustomNav from "@/components/CustomNav";
+import BlackSpot from "@/assets/icons/GuideCheck/BlackSpot.png";
 import "./style.less";
 
 const options = [
@@ -115,104 +112,106 @@ export default withLayout((props) => {
       <view className='index-navbar'>
         <CustomNav title='售后退款' />
       </view>
-      <scroll-view scroll-y style='height: calc(100vh - 65px);' >
-        <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 className='index-container'>
+        <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>
             </view>
-          </view>
-          {/* 商品信息结束 */}
-          <view>
-            {(list || []).map((item) => {
-              return (
-                <OrderCard item={item}  key={item.orderId} kkp='1' />                
-              );
-            })}
-          </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>
+              {(list || []).map((item) => {
+                return (
+                  <OrderCard item={item} key={item.orderId} kkp='1' />
+                );
+              })}
+            </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-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>
-          <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}
+            <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>
+          </scroll-view>
         </View>
-      </scroll-view>
+      </View>
     </view >
   );
 });

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

@@ -2,6 +2,7 @@
 
 .box-content {
   margin: 0 30px;
+  height: 100%;
   .Refund-Content-box {
     .title-image {
       margin-top: 39px;

src/pages/PayOrder/Card/index.jsx

@@ -8,21 +8,10 @@ import './style.less'
 
 
 export default (props) => {
-  const { item, packageId, onMoldeOn } = props
-  // const [BuyNumber, setBuyNumber] = useState(1);
-  // const [detail, setDetail] = useState({});
-  // const [showDialog, setShowDialog] = useState(false);
-  // const ShowMoldeOn = (e) => {
-  //   if (packageId) {
-  //     setBuyNumber(e.amount || 1);
-  //     setDetail(e);
-  //     setShowDialog(true);
-  //   }
-  // };
+  const { item, onMoldeOn } = props
   return (
     <view class='wrapper-payOrder' key={item.orderId}>
       <view class='left-complete-one-payOrder'>
-        {/* <image className='left-image-1' src={ProCard_hot}></image> */}
         <view className='left-viewText-payOrder'>
           返现￥{formatPrice(item.cashback)}
         </view>
@@ -35,9 +24,7 @@ export default (props) => {
           <image className='image-2-payOrder' src={food}></image>
         </view>
         <view className='title-content-payOrder'>
-          {/* <view className='Pro-title-payOrder'> */}
           <view className='title-text-payOrder'>{item.description}</view>
-          {/* </view> */}
           <text className='title-money-payOrder'>
             ￥{formatPrice(item.actualPrice || item.unitPrice)}元
             <text className='title-money-2-payOrder'>

src/pages/PayOrder/Card/style.less

@@ -2,31 +2,21 @@
 
 .wrapper-payOrder {
   display: flex;
-  position: relative;
-  // margin-top: 600px;
-  margin: 30px auto;
-  width: calc(100% - 50px); // box-shadow: 0px 8px 38px 0px rgba(0, 0, 0, 0.12);
-  // filter: drop-shadow(5px 8px 6px rgb(202, 202, 202));
+  margin: 30px 30px 0;
   filter: drop-shadow(0 0 0.9rem rgba(0, 0, 0, 0.12));
-
   .left-complete-one-payOrder {
     padding-top: 87px;
     padding-bottom: 43px;
     position: relative;
     display: flex;
     background: #fff;
-
     background: radial-gradient(circle at top right, transparent 15px, #fff 0 0)
         top right,
       radial-gradient(circle at bottom right, transparent 15px, #fff 0 0) bottom
         right;
     background-size: 100% 60%;
     background-repeat: no-repeat;
-
-    width: 573px;
     border-radius: 15px 0px 0px 15px;
-    // border-radius: 12px;
-
     align-items: center;
     .left-image-1-payOrder {
       width: 145px;
@@ -35,21 +25,9 @@
       top: 22px;
     }
     .left-viewText-payOrder {
-      // background-image: url(@Image-ProCard_hot);
-      // width: 287px;
-      // width: auto;
-      // height: 44.3px;
-      // position: absolute;
-      // left: 1px;
-      // top: 28px;
-      // font-size: 24px;
-      // color: @whiteColor;
-      // font-weight: 600;
-
       background: url(../../../assets/icons/ProCard/ProCard_hot.png) no-repeat;
       background-size: 100% 100%;
       padding: 0 24px 7px 2px;
-      width: auto;
       font-size: 24px;
       line-height: 48px;
       height: 44.3px;
@@ -61,6 +39,7 @@
     //图片
     .title-image-payOrder {
       height: 144px;
+      min-width: 144px;
       margin-left: 20px;
       border-radius: 24px;
       overflow: hidden;
@@ -79,27 +58,15 @@
     }
     // 商品标题
     .title-content-payOrder {
-      // padding: 84px 0 56px 20px;
-      padding-left: 18px;
+      padding-left: 20px;
 
-      // .Pro-title {
       .title-text-payOrder {
-        width: 375px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        display: -webkit-box; //必须要
-        -webkit-line-clamp: 1;
-        -webkit-box-orient: vertical;
-        word-break: break-all; /* 多出文本省略号代替 */
-        text-align: left;
         font-size: 24px;
         padding-bottom: 10px;
       }
-      // }
       .title-money-payOrder {
         padding-top: 34px;
         font-size: 24px;
-        // color: red;
         font-weight: 800;
       }
       .title-money-2-payOrder {
@@ -125,33 +92,25 @@
         left;
     background-size: 100% 60%;
     background-repeat: no-repeat;
-    width: 129px;
+    min-width: 129px;
     border-radius: 0 15px 15px 0;
     position: relative;
     //右面部分
     .right-content-payOrder {
-      // width: 100px;
-      // height: 80px;
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
-      // border: 1px solid red;
-
       .right-number-payOrder {
-        width: 40px;
         font-size: 20px;
         border-radius: 4px;
         border: 2px solid #999;
-        margin: auto;
         text-align: center;
       }
-
       .right-title-payOrder {
         font-weight: 700;
         font-size: 24px;
         padding-top: 20px;
-        text-align: center;
       }
     }
   }