修改密码

pages/tabbar/mine/changePassword/index.js

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

pages/tabbar/mine/changePassword/index.json

@@ -0,0 +1,4 @@
+{
+    "navigationBarTitleText": "修改密码",
+    "usingComponents": {}
+}

pages/tabbar/mine/changePassword/index.scss

@@ -0,0 +1,44 @@
+.input-field {
+    display: flex;
+    position: relative;
+    padding: 26rpx 20rpx 24rpx 30rpx;
+
+    .icon-box {
+        width: 40rpx;
+        height: 40rpx;
+        margin-right: 50rpx;
+
+        .iconfont {
+            font-size: 40rpx;
+            color: var(--assist);
+        }
+    }
+
+    .input {
+        flex: 1;
+        font-size: 28rpx;
+        font-family: PingFang SC-Regular, PingFang SC;
+        color: #333333;
+        margin-top: -5rpx;
+    }
+
+    .auth-code {
+        width: 180rpx;
+        height: 40rpx;
+        line-height: 40rpx;
+        text-align: center;
+        flex-shrink: 0;
+        font-size: 28rpx;
+        font-family: PingFang SC-Regular, PingFang SC;
+        color: #3874F6;
+        border-left: 1rpx solid #EEE;
+    }
+}
+
+.but-style {
+    width: 500rpx;
+    height: 90rpx;
+    background: #3874F6 !important;
+    border-radius: 45rpx !important;
+    opacity: 0.85;
+}

pages/tabbar/mine/changePassword/index.wxml

@@ -0,0 +1,28 @@
+<My_card custom-class='input-field'>
+    <view class="icon-box">
+        <text class="iconfont icon-hujiao" />
+    </view>
+    <input class="input" type="number" placeholder='请填写手机号码' />
+</My_card>
+<My_card custom-class='input-field'>
+    <view class="icon-box">
+        <text class="iconfont icon-hujiao" />
+    </view>
+    <input class="input" type="number" placeholder='请填写验证码' />
+    <view class="auth-code">获取验证码</view>
+</My_card>
+<My_card custom-class='input-field'>
+    <view class="icon-box">
+        <text class="iconfont icon-a-wodemima" />
+    </view>
+    <input class="input" password placeholder='请设置6-20位新密码' />
+</My_card>
+<My_card custom-class='input-field'>
+    <view class="icon-box">
+        <text class="iconfont icon-a-wodemima" />
+    </view>
+    <input class="input" password placeholder='请确认新密码' />
+</My_card>
+<view style="width: 100%; text-align: center;margin-top: 100rpx;">
+    <van-button type="primary" custom-class='but-style'>确定修改</van-button>
+</view>