登录页面

app.json

@@ -5,6 +5,7 @@
     }
   },
   "pages": [
+    "pages/bind-phone/index",
     "pages/index/index",
     "pages/detail/index",
     "pages/search/index",
@@ -54,7 +55,7 @@
     "pages/interview/index",
     "pages/set/index",
     "pages/address/index",
-    "pages/bind-phone/index",
+    
     "pages/select-info/index"
   ],
   "window": {

pages/bind-phone/index.js

@@ -1,11 +1,13 @@
-// pages/bind-phone/index.js
+import {
+  imgServerUrl
+} from '../../config/config.js'
 Page({
 
   /**
    * 页面的初始数据
    */
   data: {
-
+    imgServerUrl: imgServerUrl
   },
 
   /**
@@ -15,52 +17,4 @@ Page({
 
   },
 
-  /**
-   * 生命周期函数--监听页面初次渲染完成
-   */
-  onReady: function () {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面显示
-   */
-  onShow: function () {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面隐藏
-   */
-  onHide: function () {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面卸载
-   */
-  onUnload: function () {
-
-  },
-
-  /**
-   * 页面相关事件处理函数--监听用户下拉动作
-   */
-  onPullDownRefresh: function () {
-
-  },
-
-  /**
-   * 页面上拉触底事件的处理函数
-   */
-  onReachBottom: function () {
-
-  },
-
-  /**
-   * 用户点击右上角分享
-   */
-  onShareAppMessage: function () {
-
-  }
 })

pages/bind-phone/index.wxml

@@ -1,2 +1,21 @@
-<!--pages/bind-phone/index.wxml-->
-<text>pages/bind-phone/index.wxml</text>
+<view class='inputphone'>
+  <input class='add' value="{{ iphone }}" type="number" placeholder="请输入手机号码" maxlength='11' bindchange="bindPhoneInput" />
+</view>
+
+
+<view class='inputyzm'>
+  <input class='add' value="{{ yzm }}" type="number" placeholder="请输入短信验证码" maxlength='6' bindchange="bindYzmInput" />
+  <view class='getyzm'>获取短信验证码</view>
+</view>
+
+<view class='tips'>
+  <text class='tiplong'>未注册开心工作的手机号将自动注册，且代表您已同意：《</text>
+  <text class='tipclick'>用户注册协议</text>
+  <text class='tipclick'>》</text>
+</view>
+
+<view class='login'>
+  <view class='logintext'>登录</view>
+</view>
+
+<view class='notlogin'>暂不登录</view>

pages/bind-phone/index.wxss

@@ -1 +1,85 @@
-/* pages/bind-phone/index.wxss */
+.inputphone {
+  display: flex;
+  align-items: center;
+  height: 126rpx;
+  margin-left: 30rpx;
+  margin-right: 30rpx;
+  border-bottom: 2rpx solid rgba(238, 238, 238, 1);
+}
+
+.add {
+  margin-left: 12rpx;
+  font-size: 32rpx;
+  font-family: SourceHanSansCN-Regular;
+  font-weight: 400;
+  color: rgba(187, 187, 187, 1);
+}
+
+.inputyzm {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 126rpx;
+  margin-left: 30rpx;
+  margin-right: 30rpx;
+  border-bottom: 2rpx solid rgba(238, 238, 238, 1);
+}
+
+.getyzm {
+  font-size: 28rpx;
+  font-family: SourceHanSansCN-Medium;
+  font-weight: 500;
+  color: rgba(102, 102, 102, 1);
+  margin-right: 12rpx;
+}
+
+.tips {
+  margin-top: 47rpx;
+  margin-left: 30rpx;
+  margin-right: 30rpx;
+}
+
+.tiplong {
+  font-size: 24rpx;
+  font-family: SourceHanSansCN-Regular;
+  font-weight: 400;
+  color: #ccc;
+}
+
+.tipclick {
+  font-size: 24rpx;
+  font-family: SourceHanSansCN-Regular;
+  font-weight: 400;
+  color: #ccc;
+  border-bottom: 2rpx solid rgba(238, 238, 238, 1);
+}
+
+.login {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 88rpx;
+  background: linear-gradient(90deg, rgba(50, 122, 225, 1), rgba(90, 191, 225, 1));
+  opacity: 0.6;
+  border-radius: 44rpx;
+  margin-top: 94rpx;
+  margin-left: 30rpx;
+  margin-right: 30rpx;
+}
+
+.logintext {
+  font-size: 34rpx;
+  font-family: SourceHanSansCN-Medium;
+  font-weight: 500;
+  color: rgba(255, 255, 255, 1);
+}
+
+.notlogin{
+  display: flex;
+ justify-content: center;
+font-size:28rpx;
+font-family:SourceHanSansCN-Medium;
+font-weight:500;
+color:rgba(204,204,204,1);
+margin-top: 70rpx;
+}