修改提交订单布局

src/pages/confirmOrder/confirmOrder.wxml

@@ -228,19 +228,22 @@
 			</view>
 		</view>
 
-		<view class="pro-footer">
+		<!-- <view class="pro-footer">
 			<view class="cost">
 				<text class="cost-label">实付款：</text>
 				<text class="cost-price">￥{{utils.numberFormat(orderPrice)}}</text>
 			</view>
-			<view class="theme-color buy-btn positionRe">
-        <!-- <button wx:if="{{!currentHasUserInfo}}" 
-        bindgetuserinfo="_getUserInfo" 
-        open-type='getUserInfo' 
-        class='positionAbs' ></button> -->
-				<button form-type="submit" style="display: inline;" class="theme-color buy-btn">立即购买</button>
+			<view class="theme-color buy-btn">
+				<button form-type="submit" class="theme-color">立即购买</button>
 			</view>
-		</view>
+		</view> -->
+    <view class="footer-btns">
+      <view class="order-price-info">
+        <text class="cost-label">实付款：</text>
+				<text class="cost-price">￥{{utils.numberFormat(orderPrice)}}</text>
+      </view>
+      <button form-type="submit" class="theme-color">立即购买</button>
+    </view>
 	</form>
 </view>
 <!--goHome-->

src/pages/confirmOrder/confirmOrder.wxss

@@ -215,18 +215,54 @@
   height: 88rpx;
   z-index: 2;
   background: #ffffff;
+  width: 100%;
   /* margin-top: 100rpx; */
 }
-.cost{
-  width: 497rpx;
+
+.footer-btns{
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
   height: 88rpx;
-  line-height: 80rpx;
-  display: inline-block;
+  background: #ffffff;
+  z-index: 2;
+  display: flex;
+}
+
+.footer-btns .order-price-info{
+  flex: 1;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding-right: 40rpx;
   border-top: 1px solid rgba(151, 151, 151, 0.3);
-  text-align: right;
-  padding-right: 39rpx;
-  background-color: #ffffff;
 }
+
+.footer-btns button{
+  width: 100%;
+  height: 100%;
+  color: #ffffff;
+  flex: 0;
+  min-width: 214rpx;
+  max-width: 214rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 25rpx;
+  appearance: none;
+
+}
+
+.button-hover, .button-active{
+  background-color: #cb3c3c !important;
+}
+
+.footer-btns button:active{
+  opacity: 0.7;
+}
+
 .cost-label{
   font-size: 26rpx;
   color: #808080;
@@ -235,15 +271,7 @@
   color: #cb3c3c;
   font-size: 32rpx;
 }
-.buy-btn{
-  width: 214rpx;
-  height: 88rpx;
-  text-align: center;
-  line-height: 88rpx;
-  color: #ffffff;
-  display: inline-block;
-  font-size: 25rpx;
-}
+
 .vip-desc{
   font-size: 22rpx;
   color: #aaaaaa;