优化结算页面下一步按钮样式

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

@@ -348,6 +348,31 @@
         .opc-progress-bar-item>span{font-size: 12px;padding-top: 35px;}
         .opc-progress-bar-item>span{font-size: 12px;padding-top: 35px;}
         .opc-progress-bar-item>span:before, .opc-progress-bar-item>span:after{width: 26px;height: 26px;margin-left:-13px;top: 6px;}
         .opc-progress-bar-item>span:before, .opc-progress-bar-item>span:after{width: 26px;height: 26px;margin-left:-13px;top: 6px;}
         .opc-progress-bar-item>span:after{font-size: 1rem;}
         .opc-progress-bar-item>span:after{font-size: 1rem;}
+
+        .opc .actions-toolbar{
+            position: fixed;
+            right: 0;
+            bottom: 0;
+            left: 0;
+            background: #ffffff;
+            z-index: 11;
+            padding: 10px 0;
+            margin-bottom:0;
+        }
+        .checkout-container .actions-toolbar .action.continue.primary{
+            width: 96%;
+            margin: 0 auto;
+            background: #ff9600;
+            height: 48px;
+            font-size: 20px;
+            display: flex;
+        }
+        .checkout-container .actions-toolbar .action.continue.primary .secure img{
+            height: 28px;
+            vertical-align: bottom;
+            margin-right: 15px;
+        }
+        #checkout-step-shipping_method{padding-bottom: 50px;}
     }
     }
 </style>
 </style>
 <div id="checkout" data-bind="scope:'checkout'" class="checkout-container">
 <div id="checkout" data-bind="scope:'checkout'" class="checkout-container">

app/design/frontend/Joshine/breeze/Magento_Checkout/web/template/shipping.html

+<!--
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+-->
+<li id="shipping" class="checkout-shipping-address" data-bind="fadeVisible: visible()">
+    <div class="step-title" translate="'Shipping Address'" data-role="title" />
+    <div id="checkout-step-shipping"
+         class="step-content"
+         data-role="content">
+
+        <each if="!quoteIsVirtual" args="getRegion('customer-email')" render="" />
+        <each args="getRegion('address-list')" render="" />
+        <each args="getRegion('address-list-additional-addresses')" render="" />
+
+        <!-- Address form pop up -->
+        <if args="!isFormInline">
+            <div class="new-address-popup">
+                <button type="button"
+                        class="action action-show-popup"
+                        click="showFormPopUp"
+                        visible="!isNewAddressAdded()">
+                    <span translate="'New Address'" />
+                </button>
+            </div>
+            <div id="opc-new-shipping-address"
+                 visible="isFormPopUpVisible()"
+                 render="shippingFormTemplate" />
+        </if>
+
+        <each args="getRegion('before-form')" render="" />
+
+        <!-- Inline address form -->
+        <render if="isFormInline" args="shippingFormTemplate" />
+    </div>
+</li>
+
+<!--Shipping method template-->
+<li id="opc-shipping_method"
+    class="checkout-shipping-method"
+    data-bind="fadeVisible: visible(), blockLoader: isLoading"
+    role="presentation">
+    <div class="checkout-shipping-method">
+        <div class="step-title"
+             translate="'Shipping Methods'"
+             data-role="title" />
+
+        <each args="getRegion('before-shipping-method-form')" render="" />
+
+        <div id="checkout-step-shipping_method"
+             class="step-content"
+             data-role="content"
+             role="tabpanel"
+             aria-hidden="false">
+            <form id="co-shipping-method-form"
+                  class="form methods-shipping"
+                  if="rates().length"
+                  submit="setShippingInformation"
+                  novalidate="novalidate">
+
+                <render args="shippingMethodListTemplate"/>
+
+                <div id="onepage-checkout-shipping-method-additional-load">
+                    <each args="getRegion('shippingAdditional')" render="" />
+                </div>
+                <div role="alert"
+                     if="errorValidationMessage().length"
+                     class="message notice">
+                    <span text="errorValidationMessage()" />
+                </div>
+                <div class="actions-toolbar" id="shipping-method-buttons-container">
+                    <div class="primary">
+                        <button data-role="opc-continue" type="submit" class="button action continue primary">
+                            <span class="secure"><img data-bind="attr: { src: require.toUrl('images/secure.png') }" /></span>
+                            <span translate="'Next'" />
+                        </button>
+                    </div>
+                </div>
+            </form>
+            <div class="no-quotes-block"
+                 ifnot="rates().length > 0"
+                 translate="'Sorry, no quotes are available for this order at this time'" />
+        </div>
+    </div>
+</li>