完成第一部分

pages/personCenter/resetPwd/resetPwd.js

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

pages/personCenter/resetPwd/resetPwd.json

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

pages/personCenter/resetPwd/resetPwd.wxml

@@ -0,0 +1,13 @@
+<view class="flex-col page">
+  <view class="flex-col section">
+    <text class="self-start font text">15888610253</text>
+    <view class="flex-row justify-between self-stretch group">
+      <input class="font text_2" placeholder="验证码" />
+      <text class="font text_3">获取验证码</text>
+    </view>
+    <input class="text_1 font" placeholder="密码" />
+    <view class="self-stretch divider"></view>
+    <input class="text_8 font text_4" placeholder="再输入密码" />
+  </view>
+  <view class="flex-col justify-start items-center text-wrapper mt-20"><text class="font text_5">重置密码</text></view>
+</view>

pages/personCenter/resetPwd/resetPwd.wxss

@@ -0,0 +1,63 @@
+.page {
+  padding: 68.7rpx 47.71rpx 977.1rpx 47.71rpx;
+  background-image: linear-gradient(180deg, #ffa64d 0%, #f5f5f5 30.1%);
+  width: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+  height: 100%;
+}
+.section {
+  padding: 42.06rpx 32.44rpx 31.89rpx 32.44rpx;
+  background-color: #ffffff;
+  border-radius: 19.08rpx;
+}
+.group {
+  margin-top: 28.28rpx;
+  padding: 29.43rpx 0 26.18rpx;
+  border-top: solid 1.91rpx #e3e3e3;
+  border-bottom: solid 1.91rpx #e3e3e3;
+}
+.text_1 {
+  align-self: flex-start;
+  margin-top: 31.26rpx;
+}
+.divider {
+  margin-top: 28.19rpx;
+  background-color: #e3e3e3;
+  height: 1.91rpx;
+}
+.text_8 {
+  align-self: flex-start;
+  margin-top: 27.44rpx;
+}
+.font {
+  font-size: 30.53rpx;
+  font-family: SourceHanSansCN;
+  line-height: 28.34rpx;
+  color: #8c8c8c;
+}
+.text_3 {
+  color: #ff8d1a;
+  line-height: 28.36rpx;
+}
+.text_2 {
+  line-height: 28.13rpx;
+}
+.text {
+  margin-left: 2.69rpx;
+  color: #000000;
+  line-height: 23.17rpx;
+}
+.text_4 {
+  line-height: 28.45rpx;
+}
+.text-wrapper {
+  margin-left: 45.8rpx;
+  margin-right: 43.89rpx;
+  padding: 24.58rpx 0 19.6rpx;
+  background-color: #ff8d1a;
+  border-radius: 67.46rpx;
+}
+.text_5 {
+  color: #ffffff;
+}