提交

甲情_甲意/miniprogram/pages/kehcnegbaoming/kehcnegbaoming.acss

@@ -0,0 +1,38 @@
+.input{
+  width: 100%;
+  height: 30px;
+  padding: 10rpx;
+}
+.box{
+  width: 100%;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  margin-top:30px;
+}
+.namebox{
+  width: 100%;
+  display: flex;
+  align-items: center;
+  margin: 10rpx;
+}
+.inputkuang{
+  width: 82%;
+  border: 1px solid #efaab1b7;
+  overflow: hidden;
+}
+.baomingbox{
+  width: 100%;
+  height: 70px;
+  background-color: #efaab1b7;
+  position: fixed;
+  bottom: 10rpx;
+}
+.zuobox{
+  width: 100%;
+  height: 100%;
+  
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}

甲情_甲意/miniprogram/pages/kehcnegbaoming/kehcnegbaoming.axml

@@ -0,0 +1,19 @@
+<view class="box">
+  <view class="namebox">
+    <text style="padding:20rpx;font-size:20px">姓名</text>
+    <view class="inputkuang">
+      <input class="input"  onInput="bindKeyInput" placeholder="请输入你的姓名" />
+    </view>
+  </view>
+  <view class="namebox">
+    <text style="padding:20rpx;font-size:20px">电话</text>
+    <view class="inputkuang">
+      <input class="input"  onInput="bindKeyInput" placeholder="请输入电话号码" />
+    </view>
+  </view> 
+</view>
+<view class="baomingbox" onTap="baoming">
+  <view class="zuobox">
+    <text style="font-size:25px">立即支付</text>
+  </view>
+</view>

甲情_甲意/miniprogram/pages/kehcnegbaoming/kehcnegbaoming.js

@@ -0,0 +1,12 @@
+Page({
+  data: {
+    
+  },
+  onLoad() {},
+  bindKeyInput(e) {
+    this.setData({
+      inputValue: e.detail.value,
+    });
+    console.log(e.detail.value);
+  },
+});

甲情_甲意/miniprogram/pages/kehcnegbaoming/kehcnegbaoming.json

@@ -0,0 +1,5 @@
+{
+  "defaultTitle": "立即报名",
+  "usingComponents": {},
+  "styleIsolation": "apply-shared"
+}