个人信息完成

README.md

@@ -21,4 +21,5 @@
     - classify/list 右侧商品列表
     - classify/navigation 左侧导航列表
 - pages/product/product 商品页
-- pages/personal/personal 我的页面
+- pages/personal/personal 我的页面
+- pages/message/message 个人信息

app.json

@@ -1,5 +1,6 @@
 {
   "pages": [
+    "pages/message/message",
     "pages/personal/personal",
     "pages/product/product",
     "pages/classify/classify",

pages/message/message.js

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

pages/message/message.json

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

pages/message/message.scss

@@ -0,0 +1,54 @@
+.box {
+  // border-top: 1rpx solid #eaeaea;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  .list {
+    width: 650rpx;
+    .information {
+      margin-top: 43rpx;
+      display: flex;
+      flex-direction: column;
+      font-size: 28rpx;
+      color: #333;
+      border-bottom: 1rpx solid #eaeaea;
+      justify-content: space-between;
+      > input {
+        height: 28rpx;
+        font-size: 28rpx;
+        color: #333;
+      }
+    }
+  }
+  .upload{
+      width: 650rpx;
+      margin-top: 42rpx;
+      .title{
+          font-size: 26rpx;
+          color: #999;
+      }
+      .files{
+          margin-top: 42rpx;
+          width: 195rpx;
+          height: 195rpx;
+          box-shadow:2rpx 3rpx 16rpx 1rpx rgba(51,51,51,0.1);
+          >image{
+              width: 50rpx;
+              height: 41rpx;
+              background-color: #000;
+              margin: 77rpx 73rpx;
+          }
+      }
+  }
+  .submit{
+      margin-top: 295rpx;
+        width: 650rpx;
+        height: 98rpx;
+        background-color: #47C877;
+        border-radius: 49rpx;
+        font-size: 36rpx;
+        line-height: 98rpx;
+        text-align: center;
+        color: #fff;
+  }
+}

pages/message/message.wxml

@@ -0,0 +1,29 @@
+<view class="box">
+    <view class="list">
+        <view class="information">
+            <text>姓名</text>
+            <input type="text" />
+        </view>
+        <view class="information">
+            <text>联系电话</text>
+            <input type="text" />
+        </view>
+        <view class="information">
+            <text>邮箱</text>
+            <input type="text" />
+        </view>
+        <view class="information">
+            <text>护照奥马</text>
+            <input type="text" />
+        </view>
+    </view>
+    <view class="upload">
+        <text class="title">护照正反面照片</text>
+        <view class="files">
+            <image></image>
+        </view>
+    </view>
+    <view class="submit"> 
+        保存
+    </view>
+</view>

pages/message/message.wxss

@@ -0,0 +1 @@
+.box{display:flex;flex-direction:column;align-items:center}.box .list{width:650rpx}.box .list .information{margin-top:43rpx;display:flex;flex-direction:column;font-size:28rpx;color:#333;border-bottom:1rpx solid #eaeaea;justify-content:space-between}.box .list .information>input{height:28rpx;font-size:28rpx;color:#333}.box .upload{width:650rpx;margin-top:42rpx}.box .upload .title{font-size:26rpx;color:#999}.box .upload .files{margin-top:42rpx;width:195rpx;height:195rpx;box-shadow:2rpx 3rpx 16rpx 1rpx rgba(51,51,51,0.1)}.box .upload .files>image{width:50rpx;height:41rpx;background-color:#000;margin:77rpx 73rpx}.box .submit{margin-top:295rpx;width:650rpx;height:98rpx;background-color:#47C877;border-radius:49rpx;font-size:36rpx;line-height:98rpx;text-align:center;color:#fff}