调整样式

pages/order/components/charge.vue

@@ -1,11 +1,11 @@
 <template>
   <view>
     <view class="box" v-if="isShow">
-      <view class="u-flex u-col-center" style="align-items: center">
+      <!-- <view class="u-flex u-col-center" style="align-items: center">
         <image src="/static/icon/charge.png" class="charge" mode=""></image>
         <view class="u-m-l-28 color-333 font-700"> 充值享优惠</view>
-      </view>
-      <scroll-view scroll-x="true" class="u-m-t-20">
+      </view> -->
+      <scroll-view scroll-x="true" >
         <view class="list">
           <view
             class="item color1"
@@ -159,10 +159,7 @@ onMounted(() => {
   color: #ff6300;
 }
 .box {
-  background-color: #fdf9f6;
-  padding: 30rpx;
-  margin-top: 32rpx;
-  border-radius: 22rpx;
+  padding:0 30rpx;
   overflow: hidden;
 }
 
@@ -174,12 +171,12 @@ onMounted(() => {
 .list {
   display: flex;
   gap: 20rpx;
-  padding: 20rpx 0;
+  padding-bottom: 20rpx;
 
   .item {
     padding: 36rpx 22rpx;
     border-radius: 42rpx;
-    background: linear-gradient(180deg, #f5f5f5 58.54%, #fff 104.47%);
+    background: linear-gradient(180deg, #F5F5F5 58.54%, #FFF 104.47%);
     display: flex;
     flex-direction: column;
     justify-content: center;