添加部分页面

wechat/miniprogram/pages/add4G/index.js

@@ -0,0 +1,66 @@
+// miniprogram/pages/add4G/index.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

wechat/miniprogram/pages/add4G/index.json

@@ -0,0 +1,5 @@
+{
+  "usingComponents": {
+    "van-button": "@vant/weapp/button/index"
+  }
+}

wechat/miniprogram/pages/add4G/index.wxml

@@ -0,0 +1,17 @@
+<!--miniprogram/pages/add4G/index.wxml-->
+<view class="top">
+  <image src="/icons/Internet.png"></image>
+</view>
+<view>
+  <view class="title">添加4G设备</view>
+  <label class='account'>
+    <text>IMEI：</text>
+    <input type='text' bind:input='inputIMEI' value='{{ imei }}' placeholder='请输入设备IMEI' />
+  </label>
+  <view class="btn">
+    <van-button block color="linear-gradient(to right, #4bb0ff, #6149f6)" round>
+      提 交
+    </van-button>
+  </view>
+
+</view>

wechat/miniprogram/pages/add4G/index.wxss

@@ -0,0 +1,34 @@
+/* miniprogram/pages/add4G/index.wxss */
+.top{
+  margin: 100rpx auto 30rpx;
+}
+.title{
+  font-size: 42rpx;
+  text-align: center;
+  margin-bottom: 30rpx;
+}
+label{
+  display:flex;
+  align-items:center;
+  padding:30rpx 0;
+  border-bottom:2rpx solid #bfbfbf;
+}
+.icon{
+  width:40rpx;
+  height:40rpx;
+  display:flex;
+  align-items:center;
+  justify-content:center;
+}
+input{
+  padding:15rpx 30rpx;
+  flex:1
+}
+.account{
+  width:80vw;
+  margin:0 auto;
+}
+.btn {
+  margin: 60rpx auto;
+  width: 50vw;
+}