仿拉勾网微信小程序

2019年12月29日

一.首页略

image.png

二.言职模块略

1.实现原理，用swiper 类似轮播图，只是不显示点点点等逻辑

image.png

三.我的模块

1.主页实现略

image.png

2.通用简历填写模块功能实现

2.1头像图片替换【没有图片显示默认图片】

image.png

Page({
  data: {
    headUrl: ''
  },
  onLoad: function() {
    this.loadHead();
  },
  addHead: function() {
    var page = this;
    wx.chooseImage({
      count: 1,
      sizeType: ['original', 'compressed'],
      sourceType: ['album', 'camera'],
      success: function(res) {
        var tempFilePaths = res.tempFilePaths;
        wx.saveFile({
          tempFilePath: tempFilePaths[0],
          success: function(res) {
            var savedFilePath = res.savedFilePath;
            console.log(savedFilePath);
            wx.setStorageSync("headUrl", savedFilePath);
          }
        })
        page.loadHead();
      }
    })
  },
  loadHead: function() {
    var headUrl = wx.getStorageSync("headUrl");
    this.setData({
      headUrl: headUrl
    });
  },
  editBaseInfo: function() {
    wx.navigateTo({
      url: '../baseInfo/baseInfo'
    })
  }
})

2.固定编辑按钮位置

image.png

3.日期选择控件

image.png

  data:{
    date:'2016-09-01'
  },
  bindDateChange:function(e){
    var date = e.detail.value;
    this.setData({ date: date});
  }