如何使用 CSS magento 2 在付款方式列表之前移动帐单地址？

Question

我在供应商处尝试了太多，但无法更改帐单地址在付款页面上的位置。

我复制了 vender/magento/module_checkout/view/frontend/web/template/payment.html 文件并放在我的模块中

公司/模块/视图/前端/web/template/payment.html

            <!-- ko foreach: getRegion('beforeMethods') -->
                <!-- ko template: getTemplate() --><!-- /ko -->
            <!-- /ko -->
            <!-- ko foreach: getRegion('afterMethods') -->
                <!-- ko template: getTemplate() --><!-- /ko -->
            <!-- /ko -->
            <div id="checkout-payment-method-load" class="opc-payment" data-bind="visible: isPaymentMethodsAvailable">
                <!-- ko foreach: getRegion('payment-methods-list') -->
                    <!-- ko template: getTemplate() --><!-- /ko -->
                <!-- /ko -->
            </div>

afterMethod 放在 payment-method-load 之前，但没有运气

谁能帮帮我！

Answer 1

将 css 添加到您的样式中，这将对您有所帮助

    #co-payment-form .fieldset {
        display: -webkit-flex;
        -webkit-flex-direction: column;
        display: flex;
        flex-direction: column;
    }

    .checkout-billing-address {
         flex:1;
         order: 1;
    }

    .opc-payment {
        flex:1;
        order: 2;
        }

    .opc-payment-additional {
        flex:1;
        order: 3;
    }

完成这些更改后，使用 cli 运行部署命令 刷新缓存

编码愉快！