From 1139a0c4d89d5375556b3b717c5f2621d7b95678 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=BE=89?= <814457906@qq.com> Date: Tue, 26 Sep 2023 17:06:57 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages.json | 11 ++- .../consultationplatform.vue | 98 ++++++++++++++++++- pagesB/doctordetails/doctordetails.vue | 19 ++++ pagesB/medicine/medicine.scss | 6 +- pagesB/medicine/medicine.vue | 11 ++- 5 files changed, 136 insertions(+), 9 deletions(-) create mode 100644 pagesB/doctordetails/doctordetails.vue diff --git a/pages.json b/pages.json index ddf34b5..e49965b 100644 --- a/pages.json +++ b/pages.json @@ -310,7 +310,16 @@ "enablePullDownRefresh": false } } - ] + ,{ + "path" : "doctordetails/doctordetails", + "style" : + { + "navigationBarTitleText": "医生详情", + "enablePullDownRefresh": false + } + + } + ] }, { "root": "pagesC", diff --git a/pagesB/consultationplatform/consultationplatform.vue b/pagesB/consultationplatform/consultationplatform.vue index 7a0f5e2..c3266de 100644 --- a/pagesB/consultationplatform/consultationplatform.vue +++ b/pagesB/consultationplatform/consultationplatform.vue @@ -9,7 +9,7 @@ 图文问诊 - + 专家问诊 @@ -19,7 +19,34 @@ 专家信息栏 - + + + + + + 张三 + + + 主任医师 + + + 山东大学齐鲁医院,主任医师, 从事甲状腺疾病等内分泌与代 谢病的诊治,擅长甲状腺结节 良恶性鉴。 + + + + + + 张三 + + + 主任医师 + + + 山东大学齐鲁医院,主任医师, 从事甲状腺疾病等内分泌与代 谢病的诊治,擅长甲状腺结节 良恶性鉴。 + + + @@ -36,6 +63,12 @@ }, methods: { tabchange() {}, + //齐鲁名医 + gomedicine() { + uni.navigateTo({ + url: '/pagesB/medicine/medicine' + }) + }, } } @@ -47,12 +80,71 @@ .app { - .card { background-color: #fff; width: 94%; margin: 0 auto; padding-top: 35rpx; + padding-bottom: 200rpx; + border-radius: 0 0 10rpx 10rpx; + + .list { + margin-top: 20rpx; + width: 100%; + display: flex; + justify-content: space-around; + + .item { + width: 46%; + height: 382rpx; + background: #FFFFFF; + border: 1px solid #26A888; + border-radius: 5rpx; + position: relative; + + image { + position: absolute; + width: 100rpx; + top: 20rpx; + left: 20rpx; + height: 100rpx; + } + + .name { + position: absolute; + top: 40rpx; + left: 140rpx; + font-size: 26rpx; + font-weight: 400; + color: #000000; + } + + .position { + position: absolute; + top: 84rpx; + left: 140rpx; + font-size: 22rpx; + color: #666666; + } + + .text { + word-break: break-all; + width: 90%; + margin: 150rpx auto 0; + font-size: 20rpx; + color: #666666; + line-height: 33rpx; + text-overflow: -o-ellipsis-lastline; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 8; //行数需设置 + line-clamp: 8; + -webkit-box-orient: vertical; + text-align: justify; + } + } + } ::v-deep .u-tabs { padding-top: 30rpx; diff --git a/pagesB/doctordetails/doctordetails.vue b/pagesB/doctordetails/doctordetails.vue new file mode 100644 index 0000000..8c3b35f --- /dev/null +++ b/pagesB/doctordetails/doctordetails.vue @@ -0,0 +1,19 @@ + + + + + diff --git a/pagesB/medicine/medicine.scss b/pagesB/medicine/medicine.scss index 2373ae3..efdd4d9 100644 --- a/pagesB/medicine/medicine.scss +++ b/pagesB/medicine/medicine.scss @@ -111,7 +111,7 @@ .actives { width: 80%; - color: red; + color:#26A888 ; font-size: 34rpx; overflow: hidden; text-overflow: ellipsis; @@ -208,8 +208,8 @@ right: 30rpx; width: 125rpx; height: 52rpx; - background: #F44B2F; - border-radius: 26rpx; + background: #26A888; + border-radius: 5rpx; color: #fff; line-height: 52rpx; text-align: center; diff --git a/pagesB/medicine/medicine.vue b/pagesB/medicine/medicine.vue index d433495..3146781 100644 --- a/pagesB/medicine/medicine.vue +++ b/pagesB/medicine/medicine.vue @@ -30,7 +30,8 @@ - + @@ -44,7 +45,7 @@ {{item.personIntroduce}} - + 预约 @@ -257,6 +258,12 @@ url: '/pagesB/information/information' }) }, + //医生详情 + godoctordetails() { + uni.navigateTo({ + url: '/pagesB/doctordetails/doctordetails' + }) + }, }, onLoad() { this.DepartmentpageNum = 1