luoye / littleApp_child

home.wxml 7.67 KB
edit raw blame history 
   1
   2
   3
   4
   5
   6
   7
   8
   9
  10
  11
  12
  13
  14
  15
  16
  17
  18
  19
  20
  21
  22
  23
  24
  25
  26
  27
  28
  29
  30
  31
  32
  33
  34
  35
  36
  37
  38
  39
  40
  41
  42
  43
  44
  45
  46
  47
  48
  49
  50
  51
  52
  53
  54
  55
  56
  57
  58
  59
  60
  61
  62
  63
  64
  65
  66
  67
  68
  69
  70
  71
  72
  73
  74
  75
  76
  77
  78
  79
  80
  81
  82
  83
  84
  85
  86
  87
  88
  89
  90
  91
  92
  93
  94
  95
  96
  97
  98
  99
 100
 101
 102
 103
 104
 105
 106
 107
 108
 109
 110
 111
 112
 113
 114
 115
 116
 117
 118
 119
 120
 121
 122
 123
 124
 125
 126
 127
 128
 129
 130
 131
 132
 133
 134
 135
 136
 137
 138
 139
 140
 141
 142
 143
 144
 145
 146
 147
 148
 149
 150
 151
<!--首页-->
<!--主机类型-->
<!-- <view class="promptText" wx:if="{{HOSTType != 1 && HOSTType != 3}}">--{{HOSTTypeText}}--</view>  -->
<view class="backgroundView" style="background: #48C17B" wx:if="{{pageType == 0}}">
</view>
<!--首页模块-->
<view class="backgroundView" wx:if="{{pageType == 2}}">
    <image class="TopBgImage" src=""></image>
    <!--顶部红色有头像等信息的栏目-->
    <view class="TopBar">
        <!--头像-->
        <image class="avatar" bindtap="tapAvatar" src="{{avatar ? avatar : '../../source/test.png'}}" background-size="cover"></image>
        <!--用户名-->
        <text class="userName">{{userData.username}}</text>
        <!--下方黑色横条-->
        <view class="infoBar">
            <view class="infoView">
                <text class="titleText">体检医院</text>
                <text class="timeText">{{userData.checkhospital}}</text>
            </view>
            <view class="infoView">
                <text class="titleText">月龄</text>
                <text class="timeText">{{userData.monthage}}</text>
                <view class="lineView"></view>
            </view>
            <view class="infoView">
                <text class="titleText">健康状况</text>
                <text class="timeText">{{userData.hstatus}}</text>
            </view>
        </view>
        <!--下方黑色横条-->
    </view>
    <!--医院名称横条-->
    <view class="hospitalName" wx:if="{{hospitalName}}">{{hospitalName}}</view>
    <!--功能模块-->
    <view class="foundation_BG" style="{{item_big_height}}">
        <navigator class="foundation_item_small" url="../inspectionReport/inspectionReport">
            <image src="../../source/jianchajilu.png" style="{{item_small}}" class="foundation_item_small_image"></image>
            <view class="foundation_item_small_text">儿保检查记录</view>
        </navigator>
        <navigator class="foundation_item_small" url="../childcare_knowledge/childcare_knowledge">
            <image src="../../source/except.png" style="{{item_small}}" class="foundation_item_small_image"></image>
            <view class="foundation_item_small_text">育儿百科</view>
        </navigator>
        <navigator class="foundation_item_small" url="../childcare_knowledge/childcare_knowledge">
            <image src="../../source/yuerzhishi.png" style="{{item_small}}" class="foundation_item_small_image"></image>
            <view class="foundation_item_small_text">育儿知识</view>
        </navigator>
        <navigator class="foundation_item_small" url="../system_notifacations/system_notifacations">
            <image src="../../source/xiaoxitongzhi.png" style="{{item_small}}" class="foundation_item_small_image"></image>
            <view class="foundation_item_small_text">消息通知</view>
        </navigator>
    </view>

    <!--文章列表-->
    <view class="article_list">
      <block wx:for="{{list}}" wx:for-index="sectionIndex" wx:for-item="sectionItem">
        <view class="article_bg">
            <navigator url="../childcare_knowledge/childcare_knowledge" class="navigator_class">
                <image class="article_title_image"></image>
                <view class="article_title">{{sectionItem.title}}</view>
                <image class="article_title_indicator" mode="aspectFit" src="../../source/gengduo.png"></image>
            </navigator>
            <block wx:for="{{sectionItem.article}}">
              <navigator class="article_content" url="../childcare_knowledge_detail/childcare_knowledge_detail">
                  <view style="height:6px;width:100%;"></view>
                  <view class="article_content_title">{{item.title}}</view>
                  <label class="article_content_text">{{item.introduction}}</label>
                  <image class="article_content_image" src="{{item.image.medium}}"></image>
                  <view class="article_content_bottomBar">
                      <!-- <view class="article_content_bottomBar_labels">
            </view> -->
                      <view class="article_content_bottomBar_likes">
                          <image class="article_content_bottomBar_likes_icon" src="../../source/like.png"></image>
                          <label class="article_content_bottomBar_likes_text">{{item.likeCount}}</label>
                      </view>
                  </view>
              </navigator>
            </block>
        </view>
      </block>
    </view>
</view>



<!-- 欢迎页 -->

<view class="backgroundView" style="background: white" wx:if="{{pageType == 3}}">
    <image class="we_topImg" src="http://img06.tooopen.com/images/20160818/tooopen_sy_175866434296.jpg"></image>
    <view>
        <view class="we_title_view">
            <image class="we_icon"></image>
            <view class="we_title">幼儿保健</view>
        </view>
        <view class="we_content">妈咪baby之“幼儿保健”，主要针对0-6周岁婴幼儿提供院内保健检查信息、诊断指导意见以及相关医疗服务提醒等业务。</view>
    </view>
    <view>
        <view class="we_title_view">
            <image class="we_icon"></image>
            <view class="we_title">儿保记录</view>
        </view>
        <view class="we_content">查看婴幼儿在院内检查的各项信息，以及对应的诊断、处理、指导意见。</view>
    </view>
    <view>
        <view class="we_title_view">
            <image class="we_icon"></image>
            <view class="we_title">服务提醒</view>
        </view>
        <view class="we_content">可提供高危、复查、预约、精确指导等相关及时提醒服务。</view>
    </view>
    <view>
        <view class="we_title_view">
            <image class="we_icon"></image>
            <view class="we_title">育儿知识</view>
        </view>
        <view class="we_content">根据儿童生长发育情况，每周提供针对性婴幼儿日常护理、营养饮食、疾病护理等相关信息。</view>
    </view>

    <button class="we_button" bindtap="toLogin">身份验证</button>
</view>

<!-- 登录 -->

<view class="backgroundView" style="background: white" wx:if="{{pageType == 1}}">
    <form catchsubmit="formSubmit">

        <view class="record-input-constainer">
            <view class="record-input_bg" style="border-color:{{inputFocus.nameInput ? '#f4879b' : '#e8eae5'}}">
                <label class="record-input_title">姓名</label>
                <input class="input" id="name" name="name" maxlength="12" placeholder="请输入建档姓名" value="小向阳" placeholder-class="input-placeholder" bindfocus="getFocus" bindblur="blurNameInput"/>
            </view>
            <view class="record-input_bg" style="margin-top:15px;border-color:{{inputFocus.phoneInput ? '#f4879b' : '#e8eae5'}}">
                <label class="record-input_title">手机号</label>
                <input class="input" id="phone" name="phone" type="number" placeholder="请输入建档手机号" maxlength="11" placeholder-class="input-placeholder" bindfocus="getFocus" value="18202810912" bindblur="blurInput" />
            </view>

            <view class="code_view">
                <view class="code-input_bg" style="margin-top:15px;border-color:{{inputFocus.codeInput ? '#f4879b' : '#e8eae5'}}">
                    <label class="record-input_title" >验证码</label>
                    <input class="input" id="code" name="code" maxlength="12" placeholder="请输入验证码" value="" placeholder-class="input-placeholder" bindfocus="getFocus" />
                </view>
                <label class="record-time-text" bindtap="getVerifyCode">{{time == '0s' ? '点击获取' : time}}</label>

            </view>

        </view>

        <button class="record-submit-btn" formType="submit">确认</button>
    </form>
</view>