init miniprogram

src/miniprogram/pages/msg/index.js

@@ -0,0 +1,22 @@
+Page({
+  data:{
+    date:"",
+    region:"",
+  },
+  submit:function(e){
+    console.log(e);
+  },
+
+  dateChange:function(e){
+    this.setData({
+      date:e.detail.value,
+    });
+  },
+  regionChange:function(e){
+    this.setData({
+      region:e.detail.value,
+    });
+  },
+
+  
+});

src/miniprogram/pages/msg/index.json

@@ -0,0 +1,5 @@
+{
+  "usingComponents": {
+    "cloud-tip-modal": "/components/cloudTipModal/index"
+  }
+}

src/miniprogram/pages/msg/index.wxss

@@ -0,0 +1,31 @@
+.body{
+  margin: 40rpx;
+}
+.section{
+  margin: 40rpx 0 80rpx;
+}
+.title{
+  font-weight: 36rpx;
+}
+.input{
+  margin:30rpx 0;
+  border-bottom: 1px solid #666;
+  padding: 20rpx 0;
+  width:100%
+}
+.mg{
+  margin: 30rpx 0;
+}
+.area{
+  margin:100rpx auto;
+  display:flex;
+  justify-content: center;
+  flex-direction: column;
+  align-items: center;
+}
+.desc{
+  font-weight: 500;
+  color: #000;
+  font-size: 44rpx;
+  margin: 50rpx 32rpx;
+}

src/miniprogram/pages/profile/index.js

@@ -0,0 +1,22 @@
+Page({
+  data:{
+    date:"",
+    region:"",
+  },
+  submit:function(e){
+    console.log(e);
+  },
+
+  dateChange:function(e){
+    this.setData({
+      date:e.detail.value,
+    });
+  },
+  regionChange:function(e){
+    this.setData({
+      region:e.detail.value,
+    });
+  },
+
+  
+});

src/miniprogram/pages/profile/index.json

@@ -0,0 +1,5 @@
+{
+  "usingComponents": {
+    "cloud-tip-modal": "/components/cloudTipModal/index"
+  }
+}

src/miniprogram/pages/profile/index.wxml

@@ -0,0 +1,57 @@
+<view class="body">
+    <view class="cover">
+      <image src="/images/user.png"class="user"/>
+    </view>
+    <form bindsubmit="submit">
+
+    <view class="section">
+      <view class="title">昵称：</view>
+      <input type="nickname" class="input"name="nickname"placeholder="昵称" />
+    </view>
+
+    <view class="section">
+      <view class="title">性别：</view>
+      <radio-group class="mg" name="gender">
+        <label >
+          <radio value="nan" />
+          男
+        </label>
+        <label >
+          <radio value="nv" />
+          女
+        </label>
+      </radio-group>
+    </view>
+
+    <view class="section">
+      <view class="title">年龄：</view>
+      <picker bindchange="dateChange" fields="year" value="{{date}}"mode="date"class="input"name="date">
+        <view class="picker">出生年：{{date}}</view>
+      </picker>
+    </view>
+    <view class="section">
+      <view class="title">地区：</view>
+      <picker bindchange="regionChange" value="{{region}}" value="{{region}}"mode="region"class="input"name="region">
+        <view class="picker">当前选择：{{region}}</view>
+      </picker>
+    </view>
+
+    <view class="section">
+      <view class="title">可以添加到你的联系方式：</view>
+      <input type="input" class="input"name="code"placeholder="昵称" />
+
+    </view>
+
+    <view class="section">
+      <view class="title">你的基本情况：</view>
+      <input type="input" class="input"name="code"placeholder="昵称" />
+    </view>
+
+    <view class="area">
+      <button style="margin:30rpx 0"type="primary"
+      form-type="submit">提交</button>
+      <button style="margin:30rpx 0"type="reset"
+      form-type="submit">重置</button>
+    </view>
+  </form>
+</view>

src/miniprogram/pages/profile/index.wxss

@@ -0,0 +1,37 @@
+.cover{
+  background-color: #f1f1f1;
+  width: 10%;
+  height: 10%;
+  padding: 1rpx;
+}
+.body{
+  margin: 40rpx;
+}
+.section{
+  margin: 40rpx 0 80rpx;
+}
+.title{
+  font-weight: 36rpx;
+}
+.input{
+  margin:30rpx 0;
+  border-bottom: 1px solid #666;
+  padding: 20rpx 0;
+  width:100%
+}
+.mg{
+  margin: 30rpx 0;
+}
+.area{
+  margin:100rpx auto;
+  display:flex;
+  justify-content: center;
+  flex-direction: column;
+  align-items: center;
+}
+.desc{
+  font-weight: 500;
+  color: #000;
+  font-size: 44rpx;
+  margin: 50rpx 32rpx;
+}