liquanyu / littleapp_woman

Commit 0a8a18a11e6e9afb3714e5883232ac05bf28842c

Authored by shaoshuai about 3 years ago

Exists in master

专家列表

Showing 6 changed files with 156 additions and 61 deletions

woman/app.wxss
woman/pages/doctorList/doctorList.js
woman/pages/doctorList/doctorList.wxml
woman/pages/doctorList/doctorList.wxss
woman/pages/home/home.js
woman/pages/home/home.wxml

...	...	@@ -13,6 +13,9 @@
13	13	.margin-t5 {
14	14	margin-top: 5rpx;
15	15	}
	16	+.margin-l8 {
	17	+ margin-left: 8rpx;
	18	+}
16	19	.margin-t12{
17	20	margin-top: 12rpx;
18	21	}
...	...	@@ -693,6 +696,13 @@
693	696	font-weight: 400;
694	697	line-height: 28rpx;
695	698	}
	699	+.font-333-30 {
	700	+ height: 30rpx;
	701	+ font-size: 30rpx;
	702	+ color: #333;
	703	+ font-weight: 400;
	704	+ line-height: 30rpx;
	705	+}
696	706	.font-333-34 {
697	707	height: 34rpx;
698	708	font-size: 34rpx;
...	...	@@ -1060,7 +1070,13 @@
1060	1070	color: #A0A0A0;
1061	1071	line-height: 28rpx;
1062	1072	}
1063		-
	1073	+.font-BDBDBD-28 {
	1074	+ height: 28rpx;
	1075	+ font-size: 28rpx;
	1076	+ font-weight: 400;
	1077	+ color: #BDBDBD;
	1078	+ line-height: 28rpx;
	1079	+}
1064	1080	.font-red-28 {
1065	1081	height: 28rpx;
1066	1082	font-size: 28rpx;
...	...	@@ -1458,5 +1474,14 @@
1458	1474	padding: 32rpx 0 42rpx;
1459	1475	border-radius: 16rpx;
1460	1476	background-color: #ffffff;
	1477	+}
	1478	+.font-weight-bold{
	1479	+ font-weight: bold;
	1480	+}
	1481	+.font-weight-500{
	1482	+ font-weight: 500;
	1483	+}
	1484	+.font-weight-600{
	1485	+ font-weight: 600;
1461	1486	}

...	...	@@ -7,24 +7,25 @@
7	7
8	8	Page({
9	9	data: {
10		- doctorList: [{
11		- "account": "zt",
	10	+ doctorList: [
	11	+ {
	12	+ "account": "zcf",
12	13	"areaId": "13",
13		- "chartroomId": "211218461687809",
	14	+ "chartroomId": "212756700659718",
14	15	"cityId": "14",
15	16	"dept": "产科",
16		- "description": "空",
	17	+ "description": "张春芳：副主任医师，从事医疗保健专业近30年，对于不同人群、各种疾病的营养能给予正确的指导，尤其对儿童、孕产妇的营养指导具有丰富的临床经验，擅长妊娠期糖尿病，围产期营养指导，产妇保健等。获省、市级科技进步奖2项，发表国家级、省级论文20篇。",
17	18	"hospitalId": "216",
18	19	"hospitalName": "秦皇岛市妇幼保健院",
19		- "hxName": "mommydoctorwx99",
20		- "id": 99,
21		- "lastLoginTime": "2021-09-06 16:33:17",
22		- "name": "张甜",
23		- "openId": "o9UOB4uHqTHqgjujFDy0z3CxHV58",
	20	+ "hxName": "mommydoctorwx20004",
	21	+ "id": 20004,
	22	+ "lastLoginTime": "2020-10-11 17:25:06",
	23	+ "name": "张春芳",
	24	+ "openId": "",
24	25	"parentId": 1000,
25	26	"phone": "",
26		- "positional": "空",
27		- "price": 2,
	27	+ "positional": "副主任医师",
	28	+ "price": 20,
28	29	"provinceId": "1",
29	30	"pwd": "E10ADC3949BA59ABBE56E057F20F883E",
30	31	"status": 0,
31	32
...	...	@@ -36,13 +37,13 @@
36	37	"chartroomId": "212756700659718",
37	38	"cityId": "14",
38	39	"dept": "产科",
39		- "description": "张春芳：副主任医师，从事医疗保健专业近30年，对于不同人群、各种疾病的营养能给予正确的指导，尤其对儿童、孕产妇的营养指导具有丰富的临床经验，擅长妊娠期糖尿病，围产期营养指导，产妇保健等。获省、市级科技进步奖2项，发表国家级、省级论文20篇。",
	40	+ "description": "李琦：副主任医师，从事医疗保健专业近30年，对于不同人群、各种疾病的营养能给予正确的指导，尤其对儿童、孕产妇的营养指导具有丰富的临床经验，擅长妊娠期糖尿病，围产期营养指导，产妇保健等。获省、市级科技进步奖2项，发表国家级、省级论文20篇。",
40	41	"hospitalId": "216",
41	42	"hospitalName": "秦皇岛市妇幼保健院",
42	43	"hxName": "mommydoctorwx20004",
43	44	"id": 20004,
44	45	"lastLoginTime": "2020-10-11 17:25:06",
45		- "name": "张春芳",
	46	+ "name": "李琦",
46	47	"openId": "",
47	48	"parentId": 1000,
48	49	"phone": "",
49	50
...	...	@@ -52,14 +53,15 @@
52	53	"pwd": "E10ADC3949BA59ABBE56E057F20F883E",
53	54	"status": 0,
54	55	"type": 1
55		- }],
	56	+ }
	57	+ ],
56	58	hospitalName: '',
57	59
58	60	},
59	61	/---------生命周期--------/
60	62	onLoad: function(options) {
61	63	// networkUtil.showLoading()
62		- if (options.isAdvertisingPage) {
	64	+ if (!!options.isAdvertisingPage) {
63	65
64	66	} else {
65	67	//this.requestData()

1	1	<!-- 医生列表-->
2	2	<scroll-view scroll-y="true" style="height: 100%;" bindscrolltolower="loadMore">
	3	+ <view class="searchBar_bg">
	4	+ <view class="searchBar_bar">
	5	+ <image src="../../source/imageSource/magnifying_glass.png" class="searchBar_icon"></image>
	6	+ <input class="searchBar_input" id="search" name="search" maxlength='18' placeholder="搜索医生" value="{{inputValue}}" placeholder-class="input-placeholder" bindinput="inputText" confirm-type="搜索" bindconfirm="inputEnd" />
	7	+ </view>
	8	+ </view>
	9	+
	10	+
3	11	<!--list的item-->
4	12	<block wx:for="{{doctorList}}" wx:key="index">
5		- <view class="item" bindtap="toDoctorDetail" data-myId="{{index}}">
6		- <view class="item-left">
7		- <image class="item__logo" src="{{item.doctorImage.medium == '' ? '../../source/imageSource/doctorIcon.png' : item.doctorImage.medium}}" mode="aspectFill"></image>
	13	+ <view class="item margin-lr40 margin-tb30" bindtap="toDoctorDetail" data-myId="{{index}}">
	14	+ <view class="item_left">
	15	+ <image class="item__image margin-tb30 margin-l30" src="{{item.doctorImage ? item.doctorImage :'../../source/imageSource/doctorIcon.png'}}" mode="aspectFill"></image>
8	16	</view>
9		- <view class="item-middle">
10		- <view class="item-middle__title">{{item.doctorName}}</view>
11		- <view class="item-middle__specialty">
12		- <view class="item-middle__specialty__left">{{item.doctorTitle}}</view>
13		- </view>
14		- <view class="item-middle__description">{{item.description}}</view>
	17	+ <view class="item_middle margin-l28">
	18	+ <view class="i-row i-align-center">
	19	+ <view class="font-333-30 font-weight-bold">{{item.name}}</view>
	20	+ <view class="item_middle_specialty margin-l8 font-weight-bold">{{item.positional}}</view>
15	21	</view>
16		- <view class="item-right">
17		- <image class="item-right__right" src="../../source/imageSource/page1_icon_arrow_n@3x.png"></image>
	22	+ <view class="font-BDBDBD-28 margin-t12 font-weight-500">{{item.dept}}</view>
	23	+
	24	+ <view class="item_middle__description">{{item.description}}</view>
	25	+ </view>
	26	+ <view class="item_right">
	27	+ <image class="item_right__right" src="../../source/imageSource/page1_icon_arrow_n@3x.png"></image>
18	28	</view>
19	29	</view>
20	30	</block>

...	...	@@ -2,36 +2,39 @@
2	2
3	3	.item{
4	4	position: relative;
5		- height: 136px;
6	5	display: flex;
7	6	flex-direction: row;
8	7	align-items: center;
9	8	background: white;
10		- margin-bottom:5px;
	9	+ width: 670rpx;
	10	+ height: 240rpx;
	11	+ background: #FFFFFF;
	12	+ box-shadow: 0rpx 4rpx 8rpx 5rpx rgba(245,33,84,0.1);
	13	+ border-radius: 20rpx 20rpx 20rpx 20rpx;
	14	+ opacity: 1;
11	15	}
12	16
13	17	/item左边布局-----------------------/
14		-.item-left{
15		- width: 18.67%;
16		- height: 136px;
	18	+.item_left{
	19	+
	20	+
17	21	}
18	22
19		-.item__logo{
20		- width: 45px;
21		- height: 45px;
22		- border-radius: 250px;
23		- position: absolute;
24		- top: 15px;
25		- left: 10px;
	23	+.item__image{
	24	+ width: 153rpx;
	25	+ height: 184rpx;
	26	+ background: #D9D9D9;
	27	+ border-radius: 20rpx 20rpx 20rpx 20rpx;
	28	+ opacity: 1;
26	29	}
27	30
28	31	/item中间布局----------------------/
29		-.item-middle{
30		- width: 69.33%;
31		- height: 136px;
	32	+.item_middle{
	33	+
	34	+
32	35	}
33	36
34		-.item-middle__title{
	37	+.item_middle__title{
35	38	color: #5e5e5e;
36	39	font: medium;
37	40	font-size: 17px;
38	41
39	42
40	43
41	44
42	45
...	...	@@ -39,35 +42,35 @@
39	42	line-height: 17px;
40	43	}
41	44
42		-.item-middle__specialty{
43		- color: #ee7289;
44		- font: normal;
45		- font-size: 11px;
46		- line-height: 11px;
47		- margin-top: 8px;
48		-
	45	+.item_middle_specialty{
	46	+ font-size: 20rpx;
	47	+ font-weight: 500;
	48	+ line-height: 22rpx;
	49	+ background: linear-gradient(135deg, #FFB4B4 0%, #FF8EA9 100%);
	50	+ -webkit-background-clip: text;
	51	+ -webkit-text-fill-color: transparent;
49	52	display: flex;
50	53	flex-direction: row;
51	54	}
52	55
53		-.item-middle__description{
54		- color: #858585;
	56	+.item_middle__description{
	57	+ color: #828282;
55	58	font: lighter;
56	59	font-size: 12px;
57	60	line-height: 150%;
58		- margin-top: 15px;
	61	+ margin-top: 48rpx;
59	62	overflow: hidden;
60	63	text-overflow: ellipsis;
61	64	display: -webkit-box;
62	65	-webkit-box-orient: vertical;
63		- -webkit-line-clamp: 3;
	66	+ -webkit-line-clamp: 2;
64	67	}
65	68
66		-.item-middle__specialty__middle{
	69	+.item_middle__specialty__middle{
67	70	margin-left: 10px;
68	71	}
69	72
70		-.item-middle__specialty__right{
	73	+.item_middle__specialty__right{
71	74	margin-left: 15px
72	75	}
73	76
74	77
75	78
...	...	@@ -77,15 +80,67 @@
77	80	}
78	81
79	82	/item右边布局--------------------------/
80		-.item-right{
81		- width: 12%;
	83	+.item_right{
	84	+
82	85	}
83		-.item-right__right{
	86	+.item_right__right{
84	87	width: 17.5px;
85	88	height: 17.5px;
86	89	margin-left: 50%;
87	90	transform: translateX(-50%);
88	91
89	92	margin-right: 2px;
	93	+}
	94	+
	95	+/* 搜索栏 */
	96	+.searchBar_bg {
	97	+ background: #fff;
	98	+ width: 100%;
	99	+
	100	+
	101	+}
	102	+
	103	+.searchBar_bar {
	104	+ background: #F3F3F3;
	105	+ height: 34px;
	106	+ margin-left: 15px;
	107	+ margin-right: 15px;
	108	+ display: flex;
	109	+ align-items: center;
	110	+ border-radius: 20rpx 20rpx 20rpx 20rpx;
	111	+ margin-top: 10px;
	112	+ margin-bottom: 10px;
	113	+
	114	+}
	115	+
	116	+.searchBar_icon {
	117	+ height: 22px;
	118	+ width: 22px;
	119	+ margin-left: 6px;
	120	+}
	121	+
	122	+.searchBar_input {
	123	+ height: 32px;
	124	+ width: 90%;
	125	+ margin-left: 6px;
	126	+ font-size: 14px;
	127	+ color: #9d9d9d;
	128	+ line-height: 14px;
	129	+}
	130	+
	131	+.searchBar_clear {
	132	+ float: right;
	133	+ height: 18px;
	134	+ width: 18px;
	135	+ transform: translateX(-6px);
	136	+}
	137	+
	138	+.searchBar_bar_cancle {
	139	+ color: white;
	140	+ font-size: 14px;
	141	+ letter-spacing: 0;
	142	+ float: right;
	143	+ margin-right: 15px;
	144	+ transform: translateY(-26px);
90	145	}

...	...	@@ -945,6 +945,11 @@
945	945	index: swiperCurrent
946	946	})
947	947	},
948		-
	948	+ /* 菜单栏*/
	949	+ goMenu5(e) {
	950	+ wx.navigateTo({
	951	+ url: '../doctorList/doctorList',
	952	+ })
	953	+ },
949	954	})

...	...	@@ -51,7 +51,7 @@
51	51	<image class="menu" src="../../source/imageSource/menu/yesuanlingqu.png" mode="aspectFill"></image>
52	52	<view class="font-333-26 margin-t12">叶酸领取</view>
53	53	</view>
54		- <view class="i-column">
	54	+ <view class="i-column" bindtap="goMenu5">
55	55	<image class="menu" src="../../source/imageSource/menu/zhuanjiatuandui.png" mode="aspectFill"></image>
56	56	<view class="font-333-26 margin-t12">专家团队</view>
57	57	</view>