luoye / littleApp_child

Download as
Browse Code »

Commit ab6833cfb8c65642acdd8a0259465342b59771be

Authored by luoye
1 parent 1d9ce1e055
Exists in master and in 2 other branches dev-wrh, dev_wjl

no

Showing 10 changed files with 70 additions and 15 deletions

littleApp_child/pages/articleDetail/articleDetail.wxml View file @ ab6833c
... ... @@ -8,8 +8,12 @@
8 8 <text>7月1日</text>
9 9 <view class="circle_year">2017</view>
10 10 </view>
11   - <!--用户名-->
12   - <text class="userName">{{userData.username}}</text>
  11 + <!--选择器-->
  12 + <picker>
  13 + <image class="circle_click" src="../../source/more_date.png"></image>
  14 + </picker>
  15 + <image class="icon_left" src="../../source/left.png"></image>
  16 + <image class="icon_right" src="../../source/right.png"></image>
13 17 <!--下方黑色横条-->
14 18 <view class="infoBar">
15 19 <view class="infoView">
... ... @@ -30,5 +34,14 @@
30 34 </view>
31 35 <!--医院名称横条-->
32 36 <view class="hospitalName" wx:if="{{userData.checkhospital}}">{{userData.checkhospital}}</view>
  37 + <view class="title_banner">检查项目</view>
  38 + <view class="report_list_bg">
  39 + <scroll-view class="report_list_scroll" scroll-y="true" bindscrolltolower="myScroll">
  40 + <view class="report_list_item">
  41 + <image src="src"></image>
  42 + </view>
  43 + </scroll-view>
  44 + </view>
  45 + <view class="title_banner">检查结果</view>
33 46 </view>
littleApp_child/pages/articleDetail/articleDetail.wxss View file @ ab6833c
... ... @@ -18,17 +18,18 @@
18 18 width:118px;
19 19 height:118px;
20 20 border-radius: 50%;
21   - margin-top: 12px;
  21 +
22 22 margin-left: 50%;
23   - transform: translateX(-50%);
  23 + transform: translateX(-50%) translateY(12px);
24 24 border: 1px solid #ededed;
25   - box-shadow: 0 2px 4px 0 rgba(186,70,70,0.5);
  25 +
26 26  
27 27 display: flex;
28 28 flex-direction: column;
29 29 align-items: center;
30 30 justify-content: flex-start;
31 31 box-sizing: border-box;
  32 + /* box-shadow: 0 2px 4px 0 rgba(186,70,70,0.5); */
32 33 }
33 34  
34 35 .circle_bg image {
35 36  
36 37  
37 38  
... ... @@ -53,18 +54,31 @@
53 54 margin-top: 0px;
54 55 }
55 56  
56   -.userName {
57   - font-size: 14px;
58   - font-weight: bold;
59   - display: block;
60   - top: 100px;
  57 +.circle_click {
  58 + height: 27px;
  59 + width: 27px;
  60 + margin-left: 50%;
  61 + transform: translateX(28px) translateY(-13px);
  62 +}
  63 +
  64 +.icon_left {
  65 + height: 22px;
  66 + width: 22px;
61 67 position: absolute;
62   - /*居中*/
  68 + top: 59px;
63 69 left: 50%;
64   - transform: translateX(-50%);
65   - color: white;
  70 + transform: translateX(-84px);
66 71 }
67 72  
  73 +.icon_right {
  74 + height: 22px;
  75 + width: 22px;
  76 + position: absolute;
  77 + top: 59px;
  78 + left: 50%;
  79 + transform: translateX(59px);
  80 +}
  81 +
68 82 /*上方信息条部分*/
69 83 .lineView {
70 84 width: 100%;
... ... @@ -84,6 +98,7 @@
84 98 display: flex;
85 99 justify-content: space-between;
86 100 background: rgba(255, 255, 255, 0.2);
  101 + border-top: 0.5px solid #E5E5E5;
87 102 }
88 103  
89 104 .infoView {
... ... @@ -122,5 +137,32 @@
122 137 font: medium;
123 138 text-align: center;
124 139 line-height: 30px;
  140 +}
  141 +
  142 +.title_banner {
  143 + height: 23px;
  144 + width: 100%;
  145 + color: #999;
  146 + line-height: 23px;
  147 + font-size: 12px;
  148 + margin-left: 15px;
  149 +}
  150 +
  151 +.report_list_bg {
  152 + height: 97px;
  153 + width: 100%;
  154 + background: white;
  155 +}
  156 +
  157 +.report_list_scroll {
  158 + height: 100%;
  159 + width: 100%;
  160 + background: yellowgreen;
  161 +}
  162 +
  163 +.report_list_item {
  164 + background: red;
  165 + width: 25%;
  166 + height: 100%;
125 167 }
littleApp_child/pages/home/home.wxml View file @ ab6833c
... ... @@ -130,11 +130,11 @@
130 130 <view class="record-input-constainer whiteColor">
131 131 <view class="record-input_bg whiteColor" style="border-color:{{inputFocus.nameInput ? '#f4879b' : '#e8eae5'}}">
132 132 <label class="record-input_title">姓名</label>
133   - <input class="input" id="name" name="name" maxlength="12" placeholder="请输入建档姓名" value="小向阳" placeholder-class="input-placeholder" bindfocus="getFocus" bindblur="blurNameInput"/>
  133 + <input class="input" id="name" name="name" maxlength="12" placeholder="请输入建档姓名" value="" placeholder-class="input-placeholder" bindfocus="getFocus" bindblur="blurNameInput"/>
134 134 </view>
135 135 <view class="record-input_bg" style="margin-top:15px;border-color:{{inputFocus.phoneInput ? '#f4879b' : '#e8eae5'}}">
136 136 <label class="record-input_title">手机号</label>
137   - <input class="input" id="phone" name="phone" type="number" placeholder="请输入建档手机号" maxlength="11" placeholder-class="input-placeholder" bindfocus="getFocus" value="18202810912" bindblur="blurInput" />
  137 + <input class="input" id="phone" name="phone" type="number" placeholder="请输入建档手机号" maxlength="11" placeholder-class="input-placeholder" bindfocus="getFocus" value="" bindblur="blurInput" />
138 138 </view>
139 139  
140 140 <view class="code_view">
littleApp_child/source/erkejiancha.png View file @ ab6833c

3.75 KB
littleApp_child/source/fuzhujiancha.png View file @ ab6833c

3.26 KB
littleApp_child/source/left.png View file @ ab6833c

725 Bytes
littleApp_child/source/more_date.png View file @ ab6833c

1.35 KB
littleApp_child/source/right.png View file @ ab6833c

699 Bytes
littleApp_child/source/wenzhenjiancha.png View file @ ab6833c

3.02 KB
littleApp_child/source/yibanjiancha.png View file @ ab6833c

3.61 KB