结算页运输信息样式修改

app/code/Magento/Checkout/view/frontend/web/js/view/shipping.js

@@ -238,6 +238,9 @@ define([
         is_mobile: function(){
             return window.matchMedia("(pointer:coarse)").matches;
         },
+        flatrate_price: function(){
+            return window.checkoutConfig.flatrate_price;
+        },
         full_free_ship: function(){
             return window.checkoutConfig.full_free_ship;
         },

app/code/Magento/Checkout/view/frontend/web/template/shipping-address/shipping-method-item.html

@@ -34,12 +34,17 @@
                 </span>
                 <!-- /ko -->
 
-                <span class="col col-method"
+                <span class="col col-method col-style"
                       attr="'id': 'label_method_' + method.method_code + '_' + method.carrier_code"
                       text="method.method_title"></span>
-                <span class="col col-carrier"
+                <span class="col col-carrier col-style"
                       attr="'id': 'label_carrier_' + method.method_code + '_' + method.carrier_code"
                       text="method.carrier_title"></span>
+                <!-- ko if: (method.amount) -->
+                <span class="col col-amount"
+                      attr="'id': 'label_carrier_fee_' + method.method_code + '_' + method.carrier_code"
+                      text="$parent.flatrate_price()"></span>
+                <!-- /ko -->
             </div>
             <!-- ko if: (method.amount) -->
             <div class="method-msg">
@@ -99,12 +104,17 @@
                 </span>
                 <!-- /ko -->
 
-                <span class="col col-method"
+                <span class="col col-method col-style"
                       attr="'id': 'label_method_' + method.method_code + '_' + method.carrier_code"
                       text="method.method_title"></span>
-                <span class="col col-carrier"
+                <span class="col col-carrier col-style"
                       attr="'id': 'label_carrier_' + method.method_code + '_' + method.carrier_code"
                       text="method.carrier_title"></span>
+                <!-- ko if: (method.amount) -->
+                <span class="col col-amount"
+                      attr="'id': 'label_carrier_fee_' + method.method_code + '_' + method.carrier_code"
+                      text="$parent.flatrate_price()"></span>
+                <!-- /ko -->
             </div>
             <!-- ko if: (method.amount) -->
             <div class="method-msg">

app/design/frontend/Joshine/breeze/Magento_Checkout/templates/onepage.phtml

@@ -438,6 +438,12 @@ $full_free_ship = $_helper->currency($full_free, true, false);
     .checkout-cart-index .opc-estimated-wrapper .minicart-wrapper {
         display: none;
     }
+    .checkout-index-index .col-style{
+        color:#777;
+    }
+    .checkout-index-index .col-amount{
+        margin-left:0.5rem;
+    }
     /****************************************payment end********************************************************/
     @media(max-width:768px){
         .opc .step-title .number {