huxuejian/ykt-team-wxapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 页面调整

Browse Source
This commit is contained in:
huxuejian 2026-01-21 10:59:55 +08:00
parent 1fe97b4897
commit 2cc2b01477
8 changed files with 78 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
pages.json
View File

@ -72,6 +72,12 @@
"style": {
"navigationBarTitleText": "添加好友"
}
},
{
"path": "pages/web-view/web-view",
"style": {
"navigationBarTitleText": ""
}
}
],
"globalStyle": {

31
pages/team/homepage.vue
View File

@ -18,7 +18,7 @@
</view>
<view v-if="member" class="p-15 mt-12 leading-normal bg-white shadow-lg">
<view class="flex items-center" @click="expand = !expand">
<image class="flex-shrink-0 mr-10 section-icon" src="https://picsum.photos/300/300"></image>
<image class="flex-shrink-0 mr-10 section-icon" src="/static/homepage/book.svg"></image>
<view class="w-0 flex-grow text-lg font-semibold">个人简介</view>
<uni-icons v-if="member.memberTroduce" :type="expand ? 'up' : 'down'" size="16"></uni-icons>
</view>
@ -26,26 +26,29 @@
{{ member.memberTroduce || '暂无简介' }}
</view>
<view class="mt-20 flex items-center">
<image class="flex-shrink-0 mr-10 section-icon" src="https://picsum.photos/300/300"></image>
<image class="flex-shrink-0 mr-10 section-icon" src="/static/homepage/calendar.svg"></image>
<view class="w-0 flex-grow text-lg font-semibold">门诊时间</view>
</view>
<view class="mt-10 text-dark text-base">
{{ member.outpatientTime || '暂无门诊时间' }}
</view>
<view class="mt-20 flex items-center">
<image class="flex-shrink-0 mr-10 section-icon" src="https://picsum.photos/300/300"></image>
<image class="flex-shrink-0 mr-10 section-icon" src="/static/homepage/out-phone.svg"></image>
<view class="w-0 flex-grow text-lg font-semibold">对外联系电话</view>
</view>
<view class="mt-10 text-dark" :class="member.callNumber ? 'text-primary' : 'text-gray'" @click="callNumber()">
{{ member.callNumber || '暂无联系电话' }}
</view>
<view class="mt-20 flex items-center">
<image class="flex-shrink-0 mr-10 section-icon" src="https://picsum.photos/300/300"></image>
<image class="flex-shrink-0 mr-10 section-icon" src="/static/homepage/sunshine-home.svg"></image>
<view class="w-0 flex-grow text-lg font-semibold">便民服务</view>
</view>
<view class="mt-10 flex">
<view class="px-15 py-5 text-base text-white bg-primary rounded-sm">预约挂号</view>
<view class="px-15 py-5 ml-15 text-base text-white bg-primary rounded-sm">在线咨询</view>
<view v-if="services.length === 0" class="text-gray text-base">暂无服务</view>
<view v-for="(i, idx) in services" :key="idx" class="px-15 py-5 text-base text-white bg-primary rounded-sm"
:class="idx > 0 ? 'ml-15' : ''" @click="openService(i)">
{{ i.name }}
</view>
</view>
</view>
<view v-if="qrcode" class="p-15 mt-12 leading-normal bg-white shadow-lg">
@ -81,6 +84,16 @@ const deptNames = computed(() => {
const deptNames = member.value && Array.isArray(member.value.deptNames) ? member.value.deptNames : [];
return deptNames.join('、');
})
const services = computed(() => {
if (member.value && Array.isArray(member.value.convenienceService)) {
return member.value.convenienceService.filter(item => {
const nameExist = item && typeof item.name === 'string' && item.name.trim() !== '';
const hrefExist = item && typeof item.href === 'string' && item.href.trim().startsWith('http');
return nameExist && hrefExist
}).map((i, idx) => ({ ...i, key: `${Date.now}_${idx}` }))
}
return []
})
function callNumber() {
if (member.value && member.value.callNumber) {
@ -90,6 +103,12 @@ function callNumber() {
}
}
function openService(service) {
uni.navigateTo({
url: `/pages/web-view/web-view?title=${encodeURIComponent(service.name)}&src=${encodeURIComponent(service.href)}`
})
}
function previewImage() {
uni.previewImage({
urls: [qrcode.value]

16
pages/web-view/web-view.vue Normal file
View File

@ -0,0 +1,16 @@
<template>
<web-view v-if="src" :src="src">
</web-view>
</template>
<script setup>
import { onLoad } from '@dcloudio/uni-app'
import { ref } from 'vue'
const src = ref('')
onLoad((option) => {
src.value = decodeURIComponent(option.src || '');
uni.setNavigationBarTitle({
title: decodeURIComponent(option.title || '') || ''
})
})
</script>

4
routes/index.js
View File

@ -47,6 +47,10 @@ export default [
{
path: 'pages/team/friend',
meta: { title: '添加好友', login: true }
},
{
path: 'pages/web-view/web-view',
meta: { title: '' }
}
]

1
static/homepage/book.svg Normal file
View File

@ -0,0 +1 @@
<svg t="1727059409153" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2332" width="20" height="20"><path d="M853.83168 81.92H165.04832A31.96928 31.96928 0 0 0 133.12 113.92512v796.16A31.96928 31.96928 0 0 0 165.04832 942.08h688.78336a31.96928 31.96928 0 0 0 31.92832-32.00512V113.92512A31.96928 31.96928 0 0 0 853.83168 81.92z m-175.01696 64v212.8384l-52.81792-34.78016a31.85152 31.85152 0 0 0-35.05664 0L538.112 358.7584V145.92h140.69248z m143.08864 732.16H196.97664v-732.16H474.2656v272.15872a31.9232 31.9232 0 0 0 49.4592 26.74688l84.74112-55.808 84.74624 55.808a31.9232 31.9232 0 0 0 49.4592-26.74688V145.92h79.232v732.16z" fill="#F59A23" p-id="2333"></path><path d="M727.35232 649.26208H284.35456V585.216h442.99776v64.04608z m0 147.92192H284.35456v-64.04608h442.99776V797.184z" fill="#F59A23" p-id="2334"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 868 B

12
static/homepage/calendar.svg Normal file
View File

@ -0,0 +1,12 @@
<svg t="1727059577939" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="3571" width="20" height="20">
<path
d="M751.1 13.7h0.1c39.2 0 58.9 19.6 58.9 58.9v62.6c0 39.2-19.6 58.9-58.9 58.9h-0.1c-39.2 0-58.9-19.6-58.9-58.9V72.6c0.1-39.3 19.7-58.9 58.9-58.9z m0 0M271.5 13.7h0.1c39.2 0 58.9 19.6 58.9 58.9v62.6c0 39.2-19.6 58.9-58.9 58.9h-0.1c-39.2 0-58.9-19.6-58.9-58.9V72.6c0.1-39.3 19.7-58.9 58.9-58.9z m0 0"
p-id="3572" fill="#F59A23"></path>
<path
d="M874.2 68.9h-34.7v82c0 23.4-9.3 45.9-25.9 62.5-16.6 16.6-39 25.9-62.5 25.9-23.4 0-45.9-9.3-62.5-25.9-16.6-16.6-25.9-39-25.9-62.5v-82H359.9v82c0 48.8-39.6 88.4-88.4 88.4s-88.4-39.6-88.4-88.4v-82h-34.7c-35.2 0-68.9 14-93.7 38.8-24.9 24.9-38.8 58.6-38.8 93.7v673.8c0 73.2 59.3 132.5 132.5 132.5h725.7c73.2 0 132.5-59.3 132.5-132.5V201.5c0.1-73.2-59.2-132.6-132.4-132.6z m96.1 813.7c-0.1 46.2-37.5 83.6-83.7 83.7H135.5c-45.9-0.5-82.9-37.8-83.1-83.7V382.7c0.1-46.2 37.5-83.6 83.7-83.7h751.1c46.2 0.1 83.6 37.5 83.7 83.7l-0.6 499.9z m0 0"
p-id="3573" fill="#F59A23"></path>
<path
d="M171.5 394.5h111.9v111.9H171.5V394.5z m283.9 0h111.9v111.9H455.4V394.5z m283.9 0h111.9v111.9H739.3V394.5zM171.5 573.4h111.9v111.9H171.5V573.4z m283.9 0h111.9v111.9H455.4V573.4z m283.9 0h111.9v111.9H739.3V573.4zM171.5 752.2h111.9v111.9H171.5V752.2z m283.9 0h111.9v111.9H455.4V752.2z m283.9 0h111.9v111.9H739.3V752.2z m0 0"
p-id="3574" fill="#F59A23"></path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

13
static/homepage/out-phone.svg Normal file
View File

@ -0,0 +1,13 @@
<svg t="1727060168290" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="7260" width="28" height="28">
<path
d="M918.588235 542.117647H283.105882v210.823529c0 18.070588 12.047059 30.117647 30.117647 30.117648h274.070589v90.352941h-271.058824c-66.258824 0-120.470588-54.211765-120.470588-120.470589V391.529412c0-66.258824 54.211765-120.470588 120.470588-120.470588h481.882353c66.258824 0 120.470588 54.211765 120.470588 120.470588v150.588235z m-605.364706-186.729412c-18.070588 0-30.117647 12.047059-30.117647 30.117647v75.294118h545.129412v-75.294118c0-18.070588-12.047059-30.117647-30.117647-30.117647H313.223529z"
fill="#F59A23" p-id="7261"></path>
<path
d="M918.588235 659.576471c0-9.035294 0-15.058824-6.023529-24.094118 0-3.011765-3.011765-3.011765-3.011765-6.023529l-15.058823-15.058824c-6.023529-6.023529-12.047059-9.035294-18.070589-12.047059h-15.058823c-9.035294 3.011765-15.058824 6.023529-21.082353 12.047059-9.035294 9.035294-15.058824 18.070588-21.082353 27.105882-3.011765 6.023529-6.023529 12.047059-6.023529 18.070589-3.011765 9.035294 0 18.070588 6.023529 24.094117l12.047059 12.047059c3.011765 3.011765 3.011765 3.011765 0 6.023529 0 6.023529-3.011765 12.047059-6.02353 15.058824-6.023529 6.023529-12.047059 15.058824-18.070588 21.082353l-18.070588 18.070588-12.047059 12.047059c-9.035294 6.023529-15.058824 12.047059-27.105882 18.070588-3.011765 0-3.011765 3.011765-6.02353 3.011765h-3.011764c0-3.011765-3.011765-6.023529-6.02353-9.035294-3.011765-3.011765-9.035294-6.023529-12.047059-9.035294-6.023529-3.011765-12.047059-3.011765-18.070588-3.011765-9.035294 0-15.058824 3.011765-21.082353 9.035294-6.023529 3.011765-12.047059 6.023529-18.070588 12.047059s-12.047059 12.047059-15.058824 18.070588c-3.011765 6.023529-3.011765 9.035294-3.011764 15.058824 0 9.035294 3.011765 15.058824 9.035294 21.082353 3.011765 6.023529 9.035294 12.047059 15.058823 15.058823 3.011765 3.011765 6.023529 9.035294 12.047059 9.035294 3.011765 3.011765 6.023529 6.023529 12.047059 6.02353h9.035294c6.023529 0 12.047059 0 18.070588-3.011765 9.035294 0 18.070588-3.011765 27.105883-9.035294 12.047059-3.011765 18.070588-6.023529 27.105882-12.047059 6.023529-6.023529 15.058824-9.035294 21.082353-12.047059 6.023529-6.023529 9.035294-9.035294 15.058824-12.047059 6.023529-6.023529 12.047059-12.047059 18.070588-15.058823l18.070588-18.070588c3.011765-6.023529 9.035294-9.035294 12.047059-15.058824 9.035294-9.035294 15.058824-18.070588 21.082353-27.105882 6.023529-9.035294 12.047059-18.070588 15.058823-24.094118 6.023529-12.047059 12.047059-24.094118 15.058824-36.141176 3.011765-6.023529 3.011765-15.058824 6.023529-21.082353v-9.035294"
fill="#F59A23" p-id="7262"></path>
<path d="M346.352941 602.352941h150.588235v60.235294h-150.588235z" fill="#F59A23" p-id="7263"></path>
<path
d="M286.117647 331.294118m-180.705882 0a180.705882 180.705882 0 1 0 361.411764 0 180.705882 180.705882 0 1 0-361.411764 0Z"
fill="#F59A23" opacity=".3" p-id="7264"></path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

1
static/homepage/sunshine-home.svg Normal file
View File

@ -0,0 +1 @@
<svg t="1727060219634" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8462" width="20" height="20"><path d="M974.586594 430.217899l-122.093354-109.429333c0.559929-3.382451 0-6.827518 0-10.359283L852.49324 158.877659c0-34.874526-27.880836-63.150323-62.282133-63.150323-34.401296 0-62.288153 28.269776-62.288153 63.150323l0 51.877092L567.413674 67.940423c-31.979755-32.431311-83.82554-32.431311-115.810112 0L49.41461 420.123529c-31.979755 32.420473-31.979755 79.940959 0 112.355412l110.462492 44.401743 0 322.668241c0 44.646185 35.693347 80.833233 79.723008 80.833233l538.156497 0c44.028457 0 79.727825-36.185843 79.727825-80.833233L857.484432 588.050358l117.092529-45.467414C1006.566349 510.157654 1006.566349 462.648006 974.586594 430.217899zM657.402042 448.431837c27.773667 0 50.288821 22.515154 50.288821 50.288821 0 27.773667-22.515154 50.288821-50.288821 50.288821s-50.288821-22.515154-50.288821-50.288821C607.11322 470.946992 629.628375 448.431837 657.402042 448.431837zM366.597958 448.431837c27.773667 0 50.288821 22.515154 50.288821 50.288821 0 27.773667-22.515154 50.288821-50.288821 50.288821-27.773667 0-50.288821-22.515154-50.288821-50.288821C316.309137 470.946992 338.824291 448.431837 366.597958 448.431837zM754.250439 729.378768c-58.434881 76.014233-146.893981 132.877701-242.655033 132.877701-0.050574 0-0.101148-0.002408-0.152927-0.002408-0.050574 0-0.101148 0.002408-0.151723 0.002408-94.745955 0-182.621044-56.115692-241.061945-130.801751-11.55741-14.789342-8.974513-36.140086 5.814829-47.696291 6.076129-4.77565 13.278137-7.140596 20.456062-7.24054 10.352058-0.237217 20.689666 4.249437 27.574983 13.05537 45.419248 58.056778 113.719711 91.359892 187.36659 91.406854 74.425963-0.045758 143.16594-33.925658 188.586392-93.004758 6.819089-8.862527 17.129001-13.447922 27.497917-13.294995 7.153842 0.042145 14.352237 2.333638 20.466899 7.039448C762.886587 693.177271 765.707905 714.523197 754.250439 729.378768z" fill="#F59A23" p-id="8463"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB