登录+注册

app.json

@@ -1,5 +1,8 @@
 {
   "pages": [
+    "pages/register/index",
+    "pages/login/index",
+    "pages/unpassword/index",
     "pages/home/index",
     "pages/policy/index",
     "pages/policyDetail/index",

pages/login/index.js

@@ -0,0 +1,87 @@
+// pages/login/index.js
+const app = getApp()
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    nvabarData: {
+      showCapsule: 0, //是否显示左上角图标   1表示显示    0表示不显示
+      title: '登录', //导航栏 中间的标题
+      // 此页面 页面内容距最顶部的距离
+      height: app.globalData.height * 2 + 20,
+    },
+  },
+  formSubmit: function (e) {
+    console.log('form发生了submit事件，携带数据为：', e.detail.value)
+  },
+  // 忘记密码
+  unBtnPass: function () {
+    wx.navigateTo({
+      url: '/pages/unpassword/index'
+    })
+  },
+  // 注冊跳转
+  registerBtn: function () {
+    wx.navigateTo({
+      url: '/pages/register/index'
+    })
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

pages/login/index.json

@@ -0,0 +1,5 @@
+{
+  "usingComponents": {
+    "nav-bar": "/commpents/navbar/navbar"
+  }
+}

pages/login/index.wxml

@@ -0,0 +1,30 @@
+<nav-bar navbar-data='{{nvabarData}}'></nav-bar>
+<view class="home">
+	<view class="main">
+		<text class="title">
+      <text>你好， </text>
+		<text>欢迎来到小微企业金融</text>
+		</text>
+		<view class="form">
+			<form bindsubmit="formSubmit" bindreset="formReset">
+				<view class='input-content'>
+					<view class='input-col'>
+						<input type='number' name="phone" placeholder='请输入您本人的手机号码' maxlength="11" placeholder-style="color:#888888;"></input>
+					</view>
+					<view class='input-col' style='border-bottom:none'>
+						<input type='text' password name="password" placeholder='请输入密码' placeholder-style="color:#888888;"></input>
+					</view>
+				</view>
+				<view class="unBtnPass">
+					<button bindtap="unBtnPass">忘记密码？</button>
+				</view>
+				<view class="save">
+					<button class='save-btn' form-type="submit">登录</button>
+				</view>
+				<view class="register">
+					<button bindtap="registerBtn">快速注册</button>
+				</view>
+			</form>
+		</view>
+	</view>
+</view>

pages/login/index.wxss

@@ -0,0 +1,84 @@
+.main {
+  float: left;
+  width: 88%;
+  height: 100%;
+  margin: 0 50rpx;
+
+}
+
+.main .title {
+  float: left;
+  width: 100%;
+  margin: 180rpx 0 140rpx 0;
+}
+
+.main .title text {
+  float: left;
+  width: 100%;
+  font-size: 40rpx;
+  font-family: Source Han Sans SC;
+  font-weight: bold;
+  color: rgba(40, 40, 40, 1);
+}
+
+.main .form {
+  float: left;
+  width: 100%;
+}
+
+.main .form input {
+  height: 108rpx;
+  border-bottom: 1px solid #ccc;
+}
+
+.main .form .save {
+  float: left;
+  width: 650rpx;
+  height: 108rpx;
+  background: rgba(233, 2, 29, 1);
+  border-radius: 54px;
+}
+
+.main .form .save button {
+  padding: 0;
+  float: left;
+  width: 100%;
+  height: 108rpx;
+  line-height: 108rpx;
+  padding: 0;
+  background: transparent;
+  color: #fff;
+}
+
+.main .form .unBtnPass {
+  float: right;
+  margin: 30rpx 0 100rpx 0;
+  text-align: right;
+}
+
+.main .form .unBtnPass button {
+  padding: 0;
+  background: transparent;
+  font-size: 26rpx;
+  font-family: Source Han Sans SC;
+  font-weight: 400;
+  color: rgba(136, 136, 136, 1);
+  width: 100%;
+
+}
+
+.register {
+  float: left;
+  width: 100%;
+  margin: 50rpx 0 0 0;
+}
+
+.register button {
+  font-size: 30rpx;
+  font-family: Adobe Heiti Std;
+  font-weight: normal;
+  text-decoration: underline;
+  color: rgba(233, 2, 29, 1);
+  background: transparent;
+  padding: 0;
+}

pages/register/index.js

@@ -0,0 +1,75 @@
+// pages/register/index.js
+const app = getApp()
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    nvabarData: {
+      showCapsule: 1, //是否显示左上角图标   1表示显示    0表示不显示
+      title: '注册', //导航栏 中间的标题
+      // 此页面 页面内容距最顶部的距离
+      height: app.globalData.height * 2 + 20,
+    },
+  },
+  // 注册账号
+  formSubmit: function (e) {
+    console.log('form发生了submit事件，携带数据为：', e.detail.value)
+  },
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

pages/register/index.json

@@ -0,0 +1,5 @@
+{
+  "usingComponents": {
+    "nav-bar": "/commpents/navbar/navbar"
+  }
+}

pages/register/index.wxml

@@ -0,0 +1,26 @@
+<nav-bar navbar-data='{{nvabarData}}'></nav-bar>
+<view class="home">
+	<view class="main">
+		<text class="title">
+		  <text>请注册账号</text>
+		</text>
+		<view class="form">
+			<form bindsubmit="formSubmit" bindreset="formReset">
+				<view class='input-content'>
+					<view class='input-col'>
+						<input type='number' name="phone" placeholder='请输入您本人的手机号码' maxlength="11" placeholder-style="color:#888888;"></input>
+					</view>
+					<view class='input-col'>
+						<input type='number' name="yanzhengma" placeholder='请输入验证码' placeholder-style="color:#888888;"></input>
+					</view>
+					<view class='input-col' style='border-bottom:none'>
+						<input type='text' password name="password" placeholder='请输入8-20位字母数字组合的密码' placeholder-style="color:#888888;"></input>
+					</view>
+				</view>
+				<view class="save">
+					<button class='save-btn' form-type="submit">注册</button>
+				</view>
+			</form>
+		</view>
+	</view>
+</view>

pages/register/index.wxss

@@ -0,0 +1,52 @@
+.main {
+  float: left;
+  width: 88%;
+  height: 100%;
+  margin: 0 50rpx;
+
+}
+
+.main .title {
+  float: left;
+  width: 100%;
+  margin: 180rpx 0 100rpx 0;
+}
+
+.main .title text {
+  float: left;
+  width: 100%;
+  font-size: 40rpx;
+  font-family: Source Han Sans SC;
+  font-weight: bold;
+  color: rgba(40, 40, 40, 1);
+}
+
+.main .form {
+  float: left;
+  width: 100%;
+}
+
+.main .form input {
+  height: 108rpx;
+  border-bottom: 1px solid #ccc;
+}
+
+.main .form .save {
+  float: left;
+  width: 650rpx;
+  height: 108rpx;
+  background: rgba(233, 2, 29, 1);
+  border-radius: 54px;
+  margin: 100rpx 0 0 0;
+}
+
+.main .form .save button {
+  padding: 0;
+  float: left;
+  width: 100%;
+  height: 108rpx;
+  line-height: 108rpx;
+  padding: 0;
+  background: transparent;
+  color: #fff;
+}

pages/unpassword/index.js

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

pages/unpassword/index.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

pages/unpassword/index.wxml

@@ -0,0 +1,2 @@
+<!--pages/unpassword/index.wxml-->
+<text>pages/unpassword/index.wxml</text>

pages/unpassword/index.wxss

@@ -0,0 +1 @@
+/* pages/unpassword/index.wxss */