liquanyu / littleapp_woman

Download as
Browse Code »

Commit c2c9a6fd18cd74dfd378333639e46f0ecf13a9d9

Authored by shaoshuai
1 parent 59b12821de
Exists in master

个人中心

Showing 8 changed files with 184 additions and 8 deletions

woman/app.json View file @ c2c9a6f
... ... @@ -12,11 +12,9 @@
12 12 "pages/cancerCheck/cancerCheck",
13 13 "pages/report_first/report_first",
14 14 "pages/premaritalCheckup/premaritalCheckup",
15   - "pages/premaritalReport/premaritalReport",
16   - "pages/eugenics/eugenics"
17   -
18   -
19   -
  15 + "pages/premaritalReport/premaritalReport",
  16 + "pages/eugenics/eugenics",
  17 + "pages/mine/mine"
20 18 ],
21 19 "window": {
22 20 "backgroundTextStyle": "light",
... ... @@ -28,7 +26,7 @@
28 26 "sitemapLocation": "sitemap.json",
29 27 "tabBar": {
30 28 "color": "#999",
31   - "selectedColor": "#3D98FF",
  29 + "selectedColor": "#FF8EA9",
32 30 "backgroundColor": "#fff",
33 31 "borderStyle": "white",
34 32 "list": [
... ... @@ -41,8 +39,8 @@
41 39 {
42 40 "selectedIconPath": "/source/imageSource/doctorIcon.png",
43 41 "iconPath": "/source/imageSource/doctorIcon.png",
44   - "pagePath": "pages/index/index",
45   - "text": "通讯录"
  42 + "pagePath": "pages/mine/mine",
  43 + "text": "我的"
46 44 }
47 45 ]
48 46 }
woman/app.wxss View file @ c2c9a6f
... ... @@ -424,6 +424,13 @@
424 424 color: #FFFFFF;
425 425 line-height: 30rpx;
426 426 }
  427 +.font-white-36 {
  428 + height: 36rpx;
  429 + font-size: 36rpx;
  430 + font-weight: 400;
  431 + color: #FFFFFF;
  432 + line-height: 36rpx;
  433 +}
427 434 .font-white-40{
428 435 height: 40rpx;
429 436 font-size: 40rpx;
... ... @@ -812,6 +819,20 @@
812 819 color: #4F4F4F;
813 820 font-weight: 400;
814 821 line-height: 28rpx;
  822 +}
  823 +.font-4F4F4F-30 {
  824 + height: 30rpx;
  825 + font-size: 30rpx;
  826 + color: #4F4F4F;
  827 + font-weight: 400;
  828 + line-height: 30rpx;
  829 +}
  830 +.font-4F4F4F-34 {
  831 + height: 34rpx;
  832 + font-size: 34rpx;
  833 + color: #4F4F4F;
  834 + font-weight: 400;
  835 + line-height: 34rpx;
815 836 }
816 837 .font-515151-24 {
817 838 height: 24rpx;
woman/pages/mine/mine.js View file @ c2c9a6f
  1 +// pages/mine/mine.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/mine/mine.json View file @ c2c9a6f
  1 +{
  2 + "navigationBarBackgroundColor": "#ffffff",
  3 + "navigationBarTitleText": "首页",
  4 + "navigationBarTextStyle": "black",
  5 + "navigationStyle": "custom"
  6 +
  7 +}
woman/pages/mine/mine.wxml View file @ c2c9a6f
  1 +<!--pages/mine/mine.wxml-->
  2 +<view>
  3 + <image src="../../source/imageSource/bg/mine.png" mode="scaleToFill" class="bg_mine"></image>
  4 + <!-- 头部 -->
  5 + <view class="i-row i-between margin-l40" style="margin-top: -120rpx;">
  6 + <view class="i-row">
  7 + <view class="index_heard_image">
  8 + <image class="avatar" src="{{userInfo.avatar.real ? userInfo.avatar.real : '../../source/imageSource/default_avatar.png'}}" mode="aspectFit" ></image>
  9 +
  10 + </view>
  11 + <view class="i-column margin-t30">
  12 + <view class="font-white-36">李芳芳</view>
  13 + <view class="font-4F4F4F-30 margin-t50">123-1234-1234</view>
  14 + </view>
  15 + </view>
  16 + <view class="mine_btn">个人资料</view>
  17 + </view>
  18 + <!-- 菜单栏 -->
  19 + <view class="i-row i-between i-align-center margin-lr42 margin-t40 ">
  20 + <view class="i-row i-align-center">
  21 + <view class="mine_icon"> </view>
  22 + <view class="font-4F4F4F-34 margin-l20">消息推送</view>
  23 + </view>
  24 + <image class="icon-next" src="../../source/imageSource/icon/arrow_right.png"> </image>
  25 +
  26 + </view>
  27 +
  28 + <view class="i-row i-between i-align-center margin-lr42 margin-t40 ">
  29 + <view class="i-row i-align-center">
  30 + <view class="mine_icon"> </view>
  31 + <view class="font-4F4F4F-34 margin-l20">医院介绍</view>
  32 + </view>
  33 + <image class="icon-next" src="../../source/imageSource/icon/arrow_right.png"> </image>
  34 +
  35 + </view>
  36 +
  37 + <view class="i-row i-between i-align-center margin-lr42 margin-t40">
  38 + <view class="i-row i-align-center">
  39 + <view class="mine_icon"> </view>
  40 + <view class="font-4F4F4F-34 margin-l20">档案查看</view>
  41 + </view>
  42 + <image class="icon-next" src="../../source/imageSource/icon/arrow_right.png"> </image>
  43 +
  44 + </view>
  45 +</view>
woman/pages/mine/mine.wxss View file @ c2c9a6f
  1 +/* pages/mine/mine.wxss */
  2 +.bg_mine{
  3 + width: 750rpx;
  4 + height: 332rpx;
  5 +}
  6 +.index_heard_image{
  7 +
  8 + border-radius: 50%;
  9 +
  10 +}
  11 +.avatar{
  12 + width: 180rpx;
  13 + height: 180rpx;
  14 +}
  15 +.mine_btn{
  16 + width: 150rpx;
  17 + height: 50rpx;
  18 + background: #FFFFFF;
  19 + border-radius: 10rpx 10rpx 10rpx 10rpx;
  20 + margin-right: 40rpx;
  21 + margin-top: 60upx;
  22 + color: #FF8EA9;
  23 + font-size: 28upx;
  24 + text-align: center;
  25 + line-height: 50rpx;
  26 +}
  27 +.mine_icon{
  28 + width: 32rpx;
  29 + height: 32rpx;
  30 + opacity: 1;
  31 + border: 4rpx solid;
  32 + border-image: linear-gradient(135deg, rgba(255, 180, 180, 1), rgba(255, 142, 169, 1)) 4 4;
  33 +}
  34 +.mine_next{
  35 + width: 20rpx;
  36 + height: 20rpx;
  37 + background: #4F4F4F;
  38 + opacity: 1;
  39 +}
woman/source/imageSource/bg/mine.png View file @ c2c9a6f

118 KB
woman/source/imageSource/icon/arrow_right.png View file @ c2c9a6f

371 Bytes