立即购买样式

src/pages/confirmOrder/confirmOrder.js

@@ -41,6 +41,10 @@ wxService.page({
     this.initCitys()
 
   },
+   // 提交
+  formSubmit(e){
+    console.log('提交', e)
+  },
   initCitys() {
     wxService.getC1().then((c1) => {
       return wxService.Promise.all([wxService.Promise.resolve(c1), wxService.getC2ByC1('北京'), wxService.getC3ByC2('北京北京市')])
@@ -126,8 +130,9 @@ wxService.page({
     })
   },
   handelGobuy() {
+    this.formSubmit()
     const { trolleySku2Buy } = this.data
-    this.getBill(trolleySku2Buy) // 下单
+    // this.getBill(trolleySku2Buy) // 下单
   },
   //  下单
   getBill(trolleySku2Buy) {

src/pages/confirmOrder/confirmOrder.wxml

 <!--pages/confirmOrder/confirmOrder.wxml-->
 <view class="page-confirm-order">
+	<form bindsubmit="formSubmit">
 		<view class="address-wrap">
 			<block wx:if="{{goodsAddress}}">
 				<view class="address-section">
-				<input class="address-input" placeholder="请输入收货人姓名" />
-				<input class="address-input" placeholder="请输入手机号码" />
+					<input class="address-input" name="name" placeholder="请输入收货人姓名" />
+					<input class="address-input" name="phone" placeholder="请输入手机号码" />
 				</view>
 				<view class="address-section">
 					<picker
@@ -31,9 +32,10 @@
 					</picker>
 				</view>
 				<view class="address-section">
-				<input class="address-input address-detail" placeholder="请输入路名门牌号" />
+					<input class="address-input address-detail" name="address" placeholder="请输入路名门牌号" />
 				</view>
 			</block>
+
 			<block wx:if="{{!goodsAddress}}">
 				<view class="address-list" bindtap="selectAddress">
 					<view class="address-info">
@@ -147,8 +149,14 @@
 				<text class="cost-label">实付款：</text>
 				<text class="cost-price">￥306</text>
 			</view>
-		<view class="theme-color buy-btn" bindtap="handelGobuy">立即购买</view>
+			<!-- <button form-type="submit" class="theme-color buy-btn">立即购买</button>-->
+		<!--	<view class="theme-color buy-btn" bindtap="handelGobuy">立即购买</view> -->
+
+			<view class="theme-color buy-btn">
+				<button form-type="submit" style="display: inline;" class="theme-color buy-btn">立即购买</button>
+			</view>
 		</view>
+	</form>
 </view>
 <!--goHome-->
 <go-home/>

src/pages/confirmOrder/confirmOrder.wxss

 /* pages/confirmOrder/confirmOrder.wxss */
+@import './../../base/base.wxss';
+
 .address-wrap{
   padding: 0 30rpx;
 }