协议

src/views/cart/cart-confirm/index.tsx

@@ -197,20 +197,21 @@ export default defineComponent({
 
                 <div class={styles.payProtocol}>
                   <ColProtocol v-model={agreeStatus.value}></ColProtocol>
+                  <SubmitBar
+                    buttonText={`结算(${cartConfirm.cartPromotionItemList.length})`}
+                    buttonColor="var(--van-primary)"
+                    disabled={cartConfirm.cartPromotionItemList.length === 0}
+                    onSubmit={() => onSubmit()}
+                  >
+                    <div class={styles.confirmBottom}>
+                      合计{' '}
+                      <span class={styles['price-des']}>
+                        ¥{moneyFormat(cartConfirm.calcAmount.payAmount)}
+                      </span>
+                    </div>
+                  </SubmitBar>
                 </div>
-                <SubmitBar
-                  buttonText={`结算(${cartConfirm.cartPromotionItemList.length})`}
-                  buttonColor="var(--van-primary)"
-                  disabled={cartConfirm.cartPromotionItemList.length === 0}
-                  onSubmit={() => onSubmit()}
-                >
-                  <div class={styles.confirmBottom}>
-                    合计{' '}
-                    <span class={styles['price-des']}>
-                      ¥{moneyFormat(cartConfirm.calcAmount.payAmount)}
-                    </span>
-                  </div>
-                </SubmitBar>
+
                 <div style={{ height: 'var(--van-submit-bar-height)' }}></div>
                 <ColPopup v-model={authPopup.value}>
                   <UserAuth onSuccess={onAuthSuccess} />

src/views/cart/index.module.less

@@ -75,7 +75,7 @@ body {
 }
 .cartConfirm {
   padding: 10px 14px;
-  padding-bottom: var(--van-submit-bar-height);
+  padding-bottom: 100px;
 }
 .shopBox{
   padding: 14px 12px;
@@ -127,7 +127,12 @@ body {
 
 .payProtocol{
   position: fixed;
-  bottom: var(--van-submit-bar-height);
+  bottom: 0;
   left: 0;
   right: 0;
+  :global{
+    .van-submit-bar{
+      position: relative;
+    }
+  }
 }