新用户页面1

app.json

@@ -4,7 +4,8 @@
     "pages/search/index",
     "pages/me/me",
     "pages/address/index",
-    "pages/confirm/confirm"
+    "pages/confirm/confirm",
+    "pages/information/information"
   ],
   "window": {
     "backgroundTextStyle": "light",

pages/information/information.js

@@ -0,0 +1,173 @@
+const options = [
+  {
+    text: '学生',
+    value: '330000',
+  },
+  {
+    text: '老师',
+    value: '320000',
+  }];
+
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {  
+    show: false,
+    options,
+    fieldValue: '',
+    cascaderValue: '',
+    gender:'',
+    index:'',
+    date: '',
+    minDate: new Date(2010, 0, 1).getTime(),
+    maxDate: new Date(2024, 0, 31).getTime(),
+    showtime: false,
+        // 专业选择器
+        showproject:false,     //控制弹出层是否弹出的值
+        columns2: ['计算机科学与技术','计算机类','数据科学与大数据技术'],   //选择器中的值
+        project:'',  //选择身份之后的值进行页面显示
+    
+        // 美食偏好
+        showhobby:false,
+        columns3: ['地三鲜','烤冷面','炸薯条','鸡米花'],   //选择器中的值
+        hobby:'',  //选择身份之后的值进行页面显示
+  },
+
+
+  onDisplay() {
+    this.setData({ showtime: true });
+  },
+  onClose2() {
+    this.setData({ showtime: false });
+  },
+  formatDate(date) {
+    date = new Date(date);
+    return `${date.getMonth() + 1}/${date.getDate()}`;
+  },
+  onConfirm(event) {
+    this.setData({
+      showtime: false,
+      date: this.formatDate(event.detail),
+    });
+  },
+
+    // 专业选择器
+    showProject(p){    
+      this.setData({showproject:true})
+     //  this.setData({show:true})
+    },
+  // 美食偏好
+  showHobby(h){    
+    this.setData({showhobby:true})
+   //  this.setData({show:true})
+  },
+  onClick() {
+    this.setData({
+      show: true,
+    });
+  },
+
+  onClose() {
+    this.setData({
+      show: false,
+    });
+  },
+
+  onFinish(e) {
+    const { selectedOptions, value } = e.detail;
+    const fieldValue = selectedOptions
+        .map((option) => option.text || option.name)
+        .join('/');
+    this.setData({
+      fieldValue,
+      cascaderValue: value,
+    })
+  },
+  showPopup() {
+    this.setData({ show: true });
+  },
+
+  onClose1() {     //点击空白处开闭弹出层（选择器）及选择器左上角的取消
+    this.setData({ show: false });
+    this.setData({showproject:false});
+    this.setData({showhobby:false});
+  },
+  onConfirm2(p){    //选择器右上角的确定，点击确定获取值
+    this.setData({
+      project:p.detail.value,
+      showproject:false
+    });
+  },
+  onConfirm3(h){    //选择器右上角的确定，点击确定获取值
+    this.setData({
+      hobby:h.detail.value,
+      showhobby:false
+    });
+  },
+  submitNewStuInfo(e){
+    //表单输入框提交的内容包含在e参数中
+  },
+  submitNewStuInfo(p){
+    //表单输入框提交的内容包含在e参数中
+  },
+  submitNewStuInfo(h){
+    //表单输入框提交的内容包含在e参数中
+  },
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

pages/information/information.json

@@ -0,0 +1,13 @@
+{
+  "usingComponents": {
+    "van-cascader": "@vant/weapp/cascader/index",
+    "van-button": "@vant/weapp/button",
+    "van-field": "@vant/weapp/field/index",
+    "van-cell": "@vant/weapp/cell/index",
+    "van-cell-group": "@vant/weapp/cell-group/index",
+    "van-calendar": "@vant/weapp/calendar/index",
+    "van-popup": "@vant/weapp/popup/index",
+    "van-picker": "@vant/weapp/picker/index",
+    "van-divider": "@vant/weapp/divider/index"
+  }
+}

pages/information/information.wxml

@@ -0,0 +1,125 @@
+<text class="topic">完善信息</text>
+<view class="topic-1">请填写以下个人信息</view>
+<view class="topic-2-1">
+  <van-cell-group>
+  <van-field
+    value="{{ username }}"
+    required
+    clearable
+    label="姓名"
+    icon="question-o"
+    placeholder="请输入姓名"
+    bind:click-icon="onClickIcon"
+    size="large"
+  />
+
+  <van-field
+    value="{{ number }}"
+    type="number"
+    label="手机号"
+    placeholder="请输入手机号"
+    required
+    size="large"
+  />
+  <van-field
+    value="{{ number }}"
+    type="number"
+    label="身份证号"
+    placeholder="请输入身份证号"
+    required
+    size="large"
+  />
+ 
+</van-cell-group>
+</view>
+<view class="topic-5" >
+  <van-field
+  value="{{ fieldValue }}"
+  is-link
+  readonly
+  required
+  label="请选择身份"
+  placeholder="请选择身份"
+  bind:tap="onClick"
+  input-align="right"
+  title-width="5em"
+  size="large"
+/>
+<van-popup show="{{ show }}" round position="bottom">
+  <van-cascader
+    wx:if="{{ show }}"
+    value="{{ cascaderValue }}"
+    title="请选择身份"
+    options="{{ options }}"
+    bind:close="onClose1"
+    bind:finish="onFinish"
+  />
+</van-popup>
+</view>
+<view class="topic-4">
+  <van-cell-group>
+  <van-field
+    value="{{ value }}"
+    label="学校"
+    placeholder="请填写学校全称"
+    bind:change="onChange"
+    size="large"
+  />
+</van-cell-group>
+</view>
+<view class="topic-6">
+  <van-cell-group>
+    <van-cell title="入学时间" value="{{ date }}"
+    size="large"
+     bind:click="onDisplay" />
+     <van-calendar show="{{ showtime }}" 
+     min-date="{{ minDate }}"
+  max-date="{{ maxDate }}"
+  bind:close="onClose2" bind:confirm="onConfirm" />
+
+    <view bindtap="showProject">
+    <van-field
+      label="专业"
+      title-width="5em"
+      input-align="right"
+      placeholder="请选择"
+      value="{{project}}"
+      size="large"
+      required
+      readonly
+      is-link
+    />
+    </view>
+
+    <view bindtap="showHobby">
+    <van-field
+      label="美食偏好"
+      title-width="5em"
+      input-align="right"
+      placeholder="请选择"
+      value="{{hobby}}"  
+      size="large"   
+      readonly
+      is-link
+
+    />
+    </view>
+  </van-cell-group>
+</view>
+
+<!-- 选择专业 -->
+<van-popup show="{{ showproject }}" bind:close="onClose1"  position="bottom"
+  custom-style="height: 40%">
+    <van-picker title="选择专业" show-toolbar columns="{{ columns2 }}"  bind:cancel="onClose"
+  bind:confirm="onConfirm2"/>
+</van-popup>
+
+<!-- 美食偏好 -->
+<van-popup show="{{ showhobby }}" bind:close="onClose1"  position="bottom"
+  custom-style="height: 40%">
+    <van-picker title="选择偏好" show-toolbar columns="{{ columns3 }}"  bind:cancel="onClose"
+  bind:confirm="onConfirm3"/>
+</van-popup>
+<view class="but">
+  <van-button type="primary" block round color="grey" >提交</van-button>
+</view>

pages/information/information.wxss

@@ -0,0 +1,32 @@
+
+.topic{
+  font-size: 25px;
+  padding-left: 15px;
+}
+.topic-1{
+  color: grey;
+  padding-left: 15px;
+  padding-top: 10px;
+}
+
+.topic-2-1{
+  position: absolute;
+  top: 90px;
+}
+.topic-4{
+  position: absolute;
+  top: 275px;
+}
+.topic-5{
+  position: absolute;
+  top: 230px;
+}
+.but{
+  position: absolute;
+  top: 480px;
+  width: 375px;
+}
+.topic-6{
+  position: absolute;
+  top: 315px;
+}

project.private.config.json

@@ -16,8 +16,19 @@
           "query": "",
           "launchMode": "default",
           "scene": null
+        },
+        {
+          "name": "",
+          "pathName": "pages/information/information",
+          "query": "",
+          "launchMode": "default",
+          "scene": null
         }
       ]
     }
+  },
+  "projectname": "delivery-customer",
+  "setting": {
+    "compileHotReLoad": true
   }
 }