liquanyu / littleapp_woman

Download as
Browse Code »

Commit 63dd407b9c7a43b2ea3e18dad8f10f67dd94417a

Authored by shaoshuai
1 parent ba6f24356e
Exists in master

个人信息

Showing 11 changed files with 292 additions and 2 deletions

woman/app.json View file @ 63dd407
... ... @@ -14,7 +14,9 @@
14 14 "pages/premaritalCheckup/premaritalCheckup",
15 15 "pages/premaritalReport/premaritalReport",
16 16 "pages/eugenics/eugenics",
17   - "pages/mine/mine"
  17 + "pages/mine/mine",
  18 + "pages/mineInfo/mineInfo",
  19 + "pages/message/message"
18 20 ],
19 21 "window": {
20 22 "backgroundTextStyle": "light",
woman/pages/message/message.js View file @ 63dd407
  1 +// pages/message/message.js
  2 +Page({
  3 +
  4 + /**
  5 + * 页面的初始数据
  6 + */
  7 + data: {
  8 +
  9 + },
  10 +
  11 + /**
  12 + * 生命周期函数--监听页面加载
  13 + */
  14 + onLoad(options) {
  15 +
  16 + },
  17 +
  18 + /**
  19 + * 生命周期函数--监听页面初次渲染完成
  20 + */
  21 + onReady() {
  22 +
  23 + },
  24 +
  25 + /**
  26 + * 生命周期函数--监听页面显示
  27 + */
  28 + onShow() {
  29 +
  30 + },
  31 +
  32 + /**
  33 + * 生命周期函数--监听页面隐藏
  34 + */
  35 + onHide() {
  36 +
  37 + },
  38 +
  39 + /**
  40 + * 生命周期函数--监听页面卸载
  41 + */
  42 + onUnload() {
  43 +
  44 + },
  45 +
  46 + /**
  47 + * 页面相关事件处理函数--监听用户下拉动作
  48 + */
  49 + onPullDownRefresh() {
  50 +
  51 + },
  52 +
  53 + /**
  54 + * 页面上拉触底事件的处理函数
  55 + */
  56 + onReachBottom() {
  57 +
  58 + },
  59 +
  60 + /**
  61 + * 用户点击右上角分享
  62 + */
  63 + onShareAppMessage() {
  64 +
  65 + }
  66 +})
woman/pages/message/message.json View file @ 63dd407
  1 +{
  2 + "usingComponents": {}
  3 +}
woman/pages/message/message.wxml View file @ 63dd407
  1 +<!--pages/message/message.wxml-->
  2 +<text>pages/message/message.wxml</text>
woman/pages/message/message.wxss View file @ 63dd407
  1 +/* pages/message/message.wxss */
woman/pages/mine/mine.js View file @ 63dd407
... ... @@ -12,6 +12,11 @@
12 12 url: '../hospitalDetail/hospitalDetail'
13 13 })
14 14 },
  15 + goInfo(){
  16 + wx.navigateTo({
  17 + url: '../mineInfo/mineInfo'
  18 + })
  19 + },
15 20 /**
16 21 * 生命周期函数--监听页面加载
17 22 */
woman/pages/mine/mine.wxml View file @ 63dd407
... ... @@ -34,7 +34,7 @@
34 34  
35 35 </view>
36 36  
37   - <view class="i-row i-between i-align-center margin-lr42 margin-t40">
  37 + <view class="i-row i-between i-align-center margin-lr42 margin-t40" bindtap="goInfo">
38 38 <view class="i-row i-align-center">
39 39 <view class="mine_icon"> </view>
40 40 <view class="font-4F4F4F-34 margin-l20">档案查看</view>
woman/pages/mineInfo/mineInfo.js View file @ 63dd407
  1 +// pages/mineInfo/mineInfo.js
  2 +Page({
  3 +
  4 + /**
  5 + * 页面的初始数据
  6 + */
  7 + data: {
  8 + sexarr:['男','女',],
  9 +
  10 + sexobjectArray: [
  11 +
  12 + {id: 0,name: '男'},
  13 +
  14 + {id: 1,name: '女'},
  15 +
  16 + ],
  17 +
  18 + sexindex:"",
  19 + date: '2016-09-01',
  20 + bindDateChange: function(e) {
  21 + console.log('picker发送选择改变，携带值为', e.detail.value)
  22 + this.setData({
  23 + date: e.detail.value
  24 + })
  25 + },
  26 + },
  27 +
  28 + /**
  29 + * 生命周期函数--监听页面加载
  30 + */
  31 + onLoad(options) {
  32 +
  33 + },
  34 +
  35 + /**
  36 + * 生命周期函数--监听页面初次渲染完成
  37 + */
  38 + onReady() {
  39 +
  40 + },
  41 +
  42 + /**
  43 + * 生命周期函数--监听页面显示
  44 + */
  45 + onShow() {
  46 +
  47 + },
  48 +
  49 + /**
  50 + * 生命周期函数--监听页面隐藏
  51 + */
  52 + onHide() {
  53 +
  54 + },
  55 +
  56 + /**
  57 + * 生命周期函数--监听页面卸载
  58 + */
  59 + onUnload() {
  60 +
  61 + },
  62 +
  63 + /**
  64 + * 页面相关事件处理函数--监听用户下拉动作
  65 + */
  66 + onPullDownRefresh() {
  67 +
  68 + },
  69 +
  70 + /**
  71 + * 页面上拉触底事件的处理函数
  72 + */
  73 + onReachBottom() {
  74 +
  75 + },
  76 +
  77 + /**
  78 + * 用户点击右上角分享
  79 + */
  80 + onShareAppMessage() {
  81 +
  82 + }
  83 +})
woman/pages/mineInfo/mineInfo.json View file @ 63dd407
  1 +{
  2 +
  3 + "navigationBarTitleText": "个人信息",
  4 + "navigationBarTextStyle": "black"
  5 +}
woman/pages/mineInfo/mineInfo.wxml View file @ 63dd407
  1 +<!--pages/mineInfo/mineInfo.wxml-->
  2 +<view class='item'>
  3 + <view class="text">姓名</view>
  4 + <view style="width: 500rpx;"> <input type="text" placeholder="姓名" /></view>
  5 +
  6 + <view class="icon"></view>
  7 +</view>
  8 +<view class='item'>
  9 + <view class="text">性别</view>
  10 + <view style="width: 500rpx;">
  11 + <view class="section_sex">
  12 + <picker class="picker_sex_wrap" bindchange="choosesex" value="{{sexindex}}" range="{{sexarr}}">
  13 + <view class="picker_sex">
  14 + <input type='text' name="sex" placeholder='请选择性别' value="{{sexarr[sexindex]}}"></input>
  15 + </view>
  16 + </picker>
  17 + </view>
  18 + </view>
  19 + <view class="icon"></view>
  20 +</view>
  21 +<view class='item'>
  22 + <view class="text">电话</view>
  23 + <view style="width: 500rpx;"><input type="text" placeholder="123-1234-1234" /></view>
  24 + <view class="icon"></view>
  25 +</view>
  26 +<view class='item'>
  27 + <view class="text">出生日期</view>
  28 + <view style="width: 500rpx;">
  29 + <picker mode="date" value="{{date}}" bindchange="bindDateChange">
  30 + <view class="picker">
  31 + {{date}}
  32 + </view>
  33 + </picker>
  34 + </view>
  35 +
  36 + <view class="icon"></view>
  37 +</view>
woman/pages/mineInfo/mineInfo.wxss View file @ 63dd407
  1 +/* pages/mineInfo/mineInfo.wxss */
  2 +.item {
  3 + width: 600rpx;
  4 + height: 90rpx;
  5 + opacity: 7.;
  6 + border-bottom: 2rpx solid;
  7 + border-image: linear-gradient(135deg, rgba(255, 180, 180, 1), rgba(255, 142, 169, 1)) 2 2;
  8 + margin: 30rpx 75rpx;
  9 + display: flex;
  10 + flex-direction: row;
  11 + justify-content: space-between;
  12 + align-items: center;
  13 +}
  14 +
  15 +.text {
  16 + width: 200rpx;
  17 + height: 28rpx;
  18 + font-size: 28rpx;
  19 + font-weight: 600;
  20 + line-height: 28rpx;
  21 + background: linear-gradient(135deg, #FFB4B4 0%, #FF8EA9 100%);
  22 + -webkit-background-clip: text;
  23 + -webkit-text-fill-color: transparent;
  24 +
  25 +}
  26 +
  27 +.icon {
  28 + width: 21rpx;
  29 + height: 21rpx;
  30 + opacity: 1;
  31 + border: 2rpx solid;
  32 + border-image: linear-gradient(135deg, rgba(255, 180, 180, 1), rgba(255, 142, 169, 1)) 2 2;
  33 +}
  34 +
  35 +.section_sex {
  36 +
  37 + position: relative;
  38 +
  39 + width: 100%;
  40 +
  41 + height: 98rpx;
  42 +
  43 +
  44 +
  45 +}
  46 +
  47 +.section_sex>.section__title {
  48 +
  49 + position: absolute;
  50 +
  51 + top: 0rpx;
  52 +
  53 + left: 22rpx;
  54 +
  55 + color: #666;
  56 +
  57 + line-height: 90rpx;
  58 +
  59 +}
  60 +
  61 +.section_sex>.picker_sex_wrap {
  62 +
  63 + position: absolute;
  64 +
  65 + top: 23rpx;
  66 +
  67 + left: 0rpx;
  68 +
  69 + line-height: 90rpx;
  70 +
  71 + width: 100%;
  72 +
  73 + color: #333;
  74 +
  75 +}
  76 +
  77 +.section_sex>.iconfont {
  78 +
  79 + position: absolute;
  80 +
  81 + right: 0rpx;
  82 +
  83 + top: 20rpx;
  84 +
  85 + color: #ccc
  86 +}