luoye / littleApp_child

Download as
Browse Code »

Commit fb3996ef0e9c7c4750f72bdc66f562da46379ad1

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

no message

Showing 6 changed files with 141 additions and 173 deletions

littleApp_child/pages/articleDetail/articleDetail.wxml View file @ fb3996e
1 1 <view class="backgroundView">
  2 +
  3 +
  4 +
2 5 <!-- <image class="TopBgImage" src=""></image> -->
3 6 <!--顶部红色有头像等信息的栏目-->
4 7 <view class="TopBar">
... ... @@ -30,5 +33,11 @@
30 33 </view>
31 34 <!--医院名称横条-->
32 35 <view class="hospitalName" wx:if="{{userData.checkhospital}}">{{userData.checkhospital}}</view>
  36 +
  37 +
  38 +
  39 +
  40 +
  41 +
33 42 </view>
littleApp_child/pages/hospitalDetail/hospitalDetail.js View file @ fb3996e
... ... @@ -4,40 +4,14 @@
4 4 var networkUtil = require('../../utils/network_util.js')
5 5 var api = require('../../utils/apiFile.js')
6 6  
7   -//获取应用实例
8   -var hosipitalImgs = []
9 7 Page({
10 8 data: {
11 9 hosiptalInfo: {},
12 10 },
13 11 onLoad: function (option) {
14   - console.log(option.hosipitalId)
15   - this.requestDataWithId(option.hosipitalId)
  12 +
16 13 },
17   - // 预览图片
18   - previewImage: function (e) {
19   - var current = e.target.dataset.src
20   - wx.previewImage({
21   - current: current,
22   - urls: hosipitalImgs
23   - })
24   - },
25   - /*---------自定义函数--------*/
26   - // 获取信息
27   - requestDataWithId(hosipitalId){
28   - var self = this
29   - networkUtil._get(api.hospitalDetail + hosipitalId,{},function(res){
30   - console.log(res)
31   - res.data.images.map(function(item){
32   - hosipitalImgs.push(item.real)
33   - return item
34   - })
35   - self.setData({
36   - hosiptalInfo : res.data
37   - })
38   - },function(res){
39   - console.log(res)
40   - })
41   - }
  14 +
  15 +
42 16 })
littleApp_child/pages/hospitalDetail/hospitalDetail.wxml View file @ fb3996e
1 1 <!--hospitalDetail.wxml 医院详情介绍-->
2   -<view class="verticalView hospitalDetail">
3 2  
4   - <view class="hospitalDetail__top">
5   - <image src="{{hosiptalInfo.logo.medium ? hosiptalInfo.logo.medium : '../../source/imageSource/hospitalIcon.png'}}"></image>
6   - <text>{{hosiptalInfo.title}}</text>
7   - </view>
  3 +<view class="check_result_main">
  4 + <view class="check_result_text">检查结果</view>
  5 + <view class="check_result_doctoe_line">
  6 + <view class="check_result_doctoe_line1" >
  7 + <label class="docotr_name">李医生</label>
  8 + <label class="docotr_type">/儿童门诊</label>
  9 + </view>
8 10  
9   - <view class="hospitalDetail__view">
10   - <view class="hospitalDetail__view-title">
11   - <image src="../../source/imageSource/page10_icon_yiyuan_n@3x.png"></image>
12   - <text class="hospitalDetail__view-title__text">医院概况</text>
  11 + <label class="check_result_time">1995-09</label>
13 12 </view>
14   - <view class="hospitalDetail__view-line"></view>
15   - <view class="hospitalDetail__view-content">{{hosiptalInfo.introduction ? hosiptalInfo.introduction : '暂时没有获取到医院描述信息哦！'}}
  13 + <view class="check_diagnosis">
  14 + <view style="display:flex;width:100%" bindtap="">
  15 + <label class="check_diagnosis_name">检查诊断</label>
  16 + <image class="icon_more" src="../../source/more_top.png"></image>
  17 + </view>
  18 + <label class="check_diagnosis_content_1_line">检查诊断检查诊断检查诊断检断</label>
  19 + <view style="display:flex;width:100%">
  20 + <label class="check_diagnosis_content_lines">检查诊断检查诊断检查诊断检断检查诊断检查诊断检查诊断检断检查诊断检查诊断检查诊断检断</label>
  21 + <label class="high_risk_bg">高危</label>
  22 + </view>
16 23 </view>
17   - </view>
18   -
19   - <view class="hospitalDetail__view" wx:if="{{hosiptalInfo.images.length>0}}">
20   - <view class="hospitalDetail__view-title">
21   - <image src="../../source/imageSource/page10_icon_yiyuan_n@3x.png"></image>
22   - <text class="hospitalDetail__view-title__text">医院图片</text>
  24 + <view class="check_diagnosis">
  25 + <view style="display:flex;width:100%">
  26 + <label class="check_diagnosis_name">处理意见</label>
  27 + <image class="icon_more" src="../../source/more_top.png"></image>
  28 + </view>
  29 + <label class="check_diagnosis_content_1_line">检查诊断检查诊断检查诊断检断</label>
  30 + <view style="display:flex;width:100%">
  31 + <label class="check_diagnosis_content_lines">检查诊断检查诊断检查诊断检断检查诊断检查诊断检查诊断检断检查诊断检查诊断检查诊断检断</label>
  32 +
  33 + </view>
23 34 </view>
24   - <view class="hospitalDetail__view-line"></view>
25   - <view class="hospitalDetail__view-image">
26   - <scroll-view class="recommend_scroll_x_box" scroll-x="true">
27   - <view class="recommend_hot_box" wx:for="{{hosiptalInfo.images}}">
28   - <image src="{{item.medium}}" class="recommend_hot_image" data-src="{{item.real}}" bindtap="previewImage"></image>
  35 +<view class="check_diagnosis">
  36 + <view style="display:flex;width:100%">
  37 + <label class="check_diagnosis_name">指导意见</label>
  38 + <image class="icon_more" src="../../source/more_top.png"></image>
29 39 </view>
30   - </scroll-view>
  40 + <label class="check_diagnosis_content_1_line">检查诊断检查诊断检查诊断检断</label>
  41 + <view style="display:flex;width:100%">
  42 + <label class="check_diagnosis_content_lines">检查诊断检查诊断检查诊断检断检查诊断检查诊断检查诊断检断检查诊断检查诊断检查诊断检断</label>
  43 +
  44 + </view>
31 45 </view>
32   - </view>
33   -
34   - <view class="hospitalDetail__view">
35   - <view class="hospitalDetail__view-title">
36   - <image src="../../source/imageSource/page10_icon_yiyuan_n@3x.png"></image>
37   - <text class="hospitalDetail__view-title__text">联系方式</text>
38   - </view>
39   - <view class="hospitalDetail__view-line"></view>
40   - <view class="hospitalDetail__view-contact">
41   - <view class="hospitalDetail__view-contact-item">
42   - <view>地址:</view>
43   - <text>{{hosiptalInfo.address ? hosiptalInfo.address : '-'}}</text>
44   - </view>
45   - <view class="hospitalDetail__view-contact-item">
46   - <view>电话:</view>
47   - <text>{{hosiptalInfo.mobile ? hosiptalInfo.mobile : '-'}}</text>
48   - </view>
49   - </view>
50   -
51   - </view>
52 46  
53 47 </view>
littleApp_child/pages/hospitalDetail/hospitalDetail.wxss View file @ fb3996e
1   -/**hospitalDetail.wxss 医院详情介绍**/
2   -.hospitalDetail{
3   - background: #d8dbd4;
  1 +.check_result_main {
  2 + background: #fff;
4 3 }
5   -.hospitalDetail__top {
6   - display: flex;
7   - flex-direction: column;
8   - align-items: center;
9   - background: white;
10   -}
11 4  
12   -.hospitalDetail__top image {
13   - width: 70px;
14   - height: 70px;
15   - margin-top: 15px;
16   - margin-bottom: 10px;
17   - border-radius: 50%;
  5 +.check_result_text {
  6 + width: 100%;
  7 + background: #eee;
  8 + font-family: PingFangSC-Regular;
  9 + font-size: 12px;
  10 + color: #999;
  11 + height: 30px;
  12 + line-height: 30px;
  13 + padding-left: 10px;
  14 + padding-right: 10px;
18 15 }
19 16  
20   -.hospitalDetail__top text {
21   - color: #5e5e5e;
22   - font: medium;
23   - font-size: 15px;
24   - margin-bottom: 20px;
  17 +.check_result_doctoe_line {
  18 + display: flex;
  19 + padding-left: 10px;
  20 + width: 100%;
  21 + padding-top: 10px;
25 22 }
26 23  
27   -.hospitalDetail__view{
28   - background: white;
29   - margin-top: 3px;
30   - position: relative;
  24 +.check_result_doctoe_line1 {
  25 + display: flex;
  26 + width: 70%;
31 27 }
32 28  
33   -.hospitalDetail__view-title {
34   - height: 40px;
35   - display: flex;
36   - justify-content: flex-start;
37   - align-items: center;
38   - flex-direction: row;
  29 +.docotr_name {
  30 + font-family: PingFangSC-Regular;
  31 + font-size: 15px;
  32 + color: #333;
39 33 }
40 34  
41   -.hospitalDetail__view-title image{
42   - width: 15px;
43   - height: 15px;
44   - line-height: 40px;
45   - margin-left: 15px;
  35 +.docotr_type {
  36 + font-family: PingFangSC-Regular;
  37 + font-size: 14px;
  38 + color: #888;
  39 + margin-left: 3px;
46 40 }
47 41  
48   -.hospitalDetail__view-title text{
49   - color: #ee7289;
50   - font: medium;
51   - font-size: 14px;
52   - line-height: 40px;
53   - margin-left: 5px;
  42 +.check_result_time {
  43 + font-family: PingFangSC-Regular;
  44 + font-size: 14px;
  45 + color: #888;
  46 + width: 30%;
  47 + text-align: right;
  48 + margin-right: 20px;
54 49 }
55 50  
56   -.hospitalDetail__view-line{
57   - position: absolute;
58   - height: 1rpx;
59   - top: 40px;
60   - left: 15px;
61   - right: 15px;
62   - background: #d8dbd4
  51 +.check_diagnosis {
  52 + background: #f9fffa;
  53 + border: 1px solid #cee2d5;
  54 + border-radius: 4px;
  55 + width: calc(100% - 20px);
  56 + margin-left: 10px;
  57 + margin-right: 10px;
  58 + min-height: 30px;
  59 + margin-top: 10px;
  60 + padding-bottom: 8px;
63 61 }
64 62  
65   -.hospitalDetail__view-content{
66   - margin: 10px 15px 17px 15px;
67   - font: lighter;
68   - font-size: 12px;
69   - line-height: 17px;
70   - color: #5e5e5e;
  63 +.check_diagnosis_name {
  64 + font-family: PingFangSC-Regular;
  65 + font-size: 15px;
  66 + margin-left: 10px;
  67 + margin-top: 5px;
  68 + color: #222;
  69 + width: 100%;
71 70 }
72   -.hospitalDetail__view-contact{
73   - margin: 5px 15px 20px 15px;
74   -}
75 71  
76   -.hospitalDetail__view-contact-item{
77   - display: flex;
78   - flex-direction: row;
79   - margin-top: 10px;
  72 +.icon_more {
  73 + width: 10px;
  74 + height: 10px;
  75 + float: right;
  76 + margin-right: 10px;
  77 + margin-top: 13px;
80 78 }
81   -.hospitalDetail__view-contact-item view{
82   - font: normal;
83   - color: #5e5e5e;
84   - font-size: 12px;
85   - line-height: 12px;
86   - min-width: 30px;
87   -}
88 79  
89   -.hospitalDetail__view-contact-item text{
90   - font: lighter;
91   - color: #5e5e5e;
92   - font-size: 12px;
93   - line-height: 110%;
  80 +.check_diagnosis_content_1_line {
  81 + font-family: PingFangSC-Regular;
  82 + font-size: 13px;
  83 + color: #666;
  84 + margin-left: 10px;
  85 + padding-right: 10px;
  86 + line-height: 20px;
  87 + width: calc(100% - 20px);
  88 + overflow: hidden;
  89 + text-overflow: ellipsis;
  90 + display: -webkit-box;
  91 + -webkit-line-clamp: 1;
  92 +
  93 + -webkit-box-orient: vertical;
94 94 }
95 95  
96   -/*------------------------滑动选择图片start-----------------------*/
97   -.hospitalDetail__view-image{
98   - margin: 10px 15px 15px 15px;
  96 +.check_diagnosis_content_lines{
  97 + font-family: PingFangSC-Regular;
  98 + font-size: 13px;
  99 + color: #666;
  100 + margin-left: 10px;
  101 + padding-right: 10px;
  102 + width: calc(100% - 20px);
99 103 }
100   -.recommend_scroll_x_box {
101   - height: 75px;
102   - white-space: nowrap;
103   - display: flex;
  104 +.high_risk_bg {
  105 + background: #e36767;
  106 + border-radius: 4px;
  107 + font-family: PingFangSC-Regular;
  108 + font-size: 13px;
  109 + color: #fff;
  110 + text-align: center;
  111 + margin-right: 10px;
  112 + width: 40px;
  113 + height: 20px;
104 114 }
105   -
106   -::-webkit-scrollbar {
107   - width: 0;
108   - height: 0;
109   - color: transparent;
110   -}
111   -
112   -.recommend_hot_box {
113   - width: 110px;
114   - height: 50px;
115   - margin-right: 15rpx;
116   - display: inline-block;
117   -}
118   -
119   -.recommend_hot_image {
120   - width: 110px;
121   - height: 75px;
122   -}
123   -/*--------------------滑动选择图片end-----------------------*/
littleApp_child/source/more_bottom.png View file @ fb3996e

489 Bytes
littleApp_child/source/more_top.png View file @ fb3996e

475 Bytes