wo123/xinyang5yuan-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1.详情页导航链接显示问题已修复

Browse Source 
2.大标题表述已修正
3.首页医生团队简介区域超出问题已解决
4.图片资源全面优化，涵盖背景图、医生照片及轮播图
5.时间展示格式优化，图片自适应显示功能已完善
6.轮播图最大高度限制
This commit is contained in:
Air 2025-04-10 18:06:54 +08:00
parent ac3d0a1205
commit b7278a8ea7
11 changed files with 75 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
app.vue
View File

@ -62,4 +62,26 @@ body {
margin: 0;
padding: 0;
}
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
::-webkit-scrollbar-track {
background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
background: rgba(11, 175, 160, 1);
border-radius: 6px;
box-shadow: inset 2px 2px 2px rgba(255, 255, 255, 0.25),
inset -2px -2px 2px rgba(0, 0, 0, 0.25);
}
::-webkit-scrollbar-thumb:hover {
background: rgba(11, 175, 160, 1);
}
</style>

51
assets/css/common.scss
View File

@ -5,45 +5,66 @@
.box {
color: blue;
}
// 添加新的样式
.Adelay-02 {
animation-delay: 0.2s;
animation-delay: 0.2s;
animation-duration: 0.1s;
}
.Adelay-03 {
animation-delay: 0.3s;
animation-delay: 0.3s;
animation-duration: 0.1s;
}
.Adelay-04 {
animation-delay: 0.4s;
animation-delay: 0.4s;
animation-duration: 0.1s;
}
.Adelay-05 {
animation-delay: 0.5s;
animation-delay: 0.5s;
animation-duration: 0.1s;
}
.Adelay-1 {
animation-delay: 1s;
animation-delay: 1s;
animation-duration: 0.1s;
}
.Adelay-15 {
animation-delay: 1.5s;
animation-delay: 1.5s;
animation-duration: 0.1s;
}
.Adelay-2 {
animation-delay: 2s;
animation-delay: 2s;
animation-duration: 0.1s;
}
.Adelay-25 {
animation-delay: 2.5s;
animation-delay: 2.5s;
animation-duration: 0.1s;
}
//保留一行
.one-line {
white-space: nowrap; /* 禁止换行 */
overflow: hidden; /* 隐藏溢出内容 */
text-overflow: ellipsis; /* 溢出显示省略号（可选） */
display: inline-block; /* 使块元素能应用省略号 */
max-width: 100%; /* 配合省略号的宽度限制 */
}
white-space: nowrap;
/* 禁止换行 */
overflow: hidden;
/* 隐藏溢出内容 */
text-overflow: ellipsis;
/* 溢出显示省略号（可选） */
display: inline-block;
/* 使块元素能应用省略号 */
max-width: 100%;
/* 配合省略号的宽度限制 */
}
//保留三行
.my_text_2 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
}

2
components/AppFooter.vue
View File

@ -122,7 +122,9 @@
<div class="mobile-bottom">
<div class="qr-codes">
<div class="qr-item" v-for="item in broadcast">
<a :href="item.live_address" target="_blank">
<img :src="item.news_images[0]" class="qr-code service-qr" :alt="item.title">
</a>
<p>{{ item.title }}</p>
</div>
</div>

2
components/AppHeader.vue
View File

@ -3,7 +3,7 @@
<div class="section_1 flex-row justify-center"
:style="!isMobile ? 'padding-top: 25px;height: 110px;' : 'padding-top: 0;height: 50px;'">
<!-- <div class="box_1 flex-col"></div> -->
<div class="text_1">信阳第五人民医院</div>
<div class="text_1">信阳市第五人民医院</div>
<!-- 手机端菜单按钮 -->
<div v-if="isMobile" class="mobile-menu-button" @click="toggleMobileMenu">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"

4
pages/about.vue
View File

@ -4,9 +4,9 @@
<div class="section_1 flex-col">
<div class="flex group_7 flex-row">
<img class="thumbnail_1" referrerpolicy="no-referrer" src="public/images/home.png" />
<span class="text_13">您的位置：首页&gt;系统公告</span>
<span class="text_13">您的位置：首页>医院概况</span>
</div>
<div class="text_14">联系我们</div>
<div class="text_14">医院概况</div>
</div>
</div>
<div class="flex box_9 flex-row justify-center">

4
pages/index.vue
View File

@ -4,7 +4,7 @@
<swiper class="swiper-container w-full" :slides-per-view="1" @swiper="onSwiperNews"
v-bind="swiperOptionsNews" @slideChange="onSlideChangeNews">
<swiper-slide v-for="item in swiperList">
<img :src="item.rotation_image" class="w-full" />
<img :src="item.rotation_image" class="w-full max-h-[600px]" style="object-fit: cover;" />
</swiper-slide>
</swiper>
<div class="flex items-center justify-center gap-5 absolute w-full z-10 bottom-[80px]">
@ -194,7 +194,7 @@
</span>
</div>
<div class="mt-[10px]">
<span class="text_45">2025-04-15</span>
<span class="text_45">{{ formattedYearMonthDay(item.showtime) }}</span>
</div>
<div class="mt-[10px]" v-if="index < 2">
<div class="box_19 flex-col"></div>

4
pages/info/[id].vue
View File

@ -2,9 +2,9 @@
<div class="bg-[#ffffff]">
<div class="box_6 flex-col">
<div class="group_1">
<div class="flex section_4 flex-row justify-between" style="padding-top: 67px;">
<div class="flex section_4 flex-row" style="padding-top: 67px;">
<img class="thumbnail_1" referrerpolicy="no-referrer" src="public/images/home.png" />
<span class="text_13">您的位置：首页>系统公告</span>
<span class="text_13">您的位置：首页>详情</span>
</div>
</div>
</div>

4
pages/phone_index.vue
View File

@ -172,7 +172,7 @@
</span>
</div>
<div class="mb-2">
<span class="text_45 text-xs text-gray-400">2025-04-15</span>
<span class="text_45 text-xs text-gray-400">{{ formattedYearMonthDay(item.showtime) }}</span>
</div>
<div v-if="index < 2" class="mb-2">
<div class="box_19 w-full h-px bg-gray-200"></div>
@ -192,7 +192,7 @@
<div class="group_10 flex-col p-2">
<div class="image-text_15 flex-col justify-between">
<img class="image_3 w-full" referrerpolicy="no-referrer"
src="public/images/y1.png" />
:src="item.news_image[0]"/>
<div class="text-group_13 flex-row justify-between mt-2">
<span class="text_14 text-base font-medium">{{ item.news_title }}</span>
<span class="text_15 text-xs text-gray-600">{{ item.news_key }}</span>

4
pages/phone_info/[id].vue
View File

@ -2,9 +2,9 @@
<div class="bg-[#ffffff]">
<div class="box_6 flex-col">
<div class="group_1">
<div class="flex section_4 flex-row justify-between" style="padding-top: 67px;">
<div class="flex section_4 flex-row" style="padding-top: 67px;">
<img class="thumbnail_1" referrerpolicy="no-referrer" src="public/images/home.png" />
<span class="text_13">您的位置：首页>系统公告</span>
<span class="text_13">您的位置：首页>详情</span>
</div>
</div>
</div>

4
pages/ys_info/[id].vue
View File

@ -2,9 +2,9 @@
<div class="bg-[#ffffff]">
<div class="box_6 flex-col">
<div class="group_1">
<div class="flex section_4 flex-row justify-between" style="padding-top: 67px;">
<div class="flex section_4 flex-row" style="padding-top: 67px;">
<img class="thumbnail_1" referrerpolicy="no-referrer" src="public/images/home.png" />
<span class="text_13">您的位置：首页>医生团队</span>
<span class="text_13">您的位置：首页>详情</span>
</div>
</div>
</div>

4
service/request.ts
View File

@ -3,8 +3,8 @@ import { handleError } from './handleError'
function createRequestInstance(getServerUrl: () => string): AxiosInstance {
//获取域名
const serverUrl = 'https://xysdwrmyy.cn';
//const serverUrl = '/api/';
//const serverUrl = 'https://xysdwrmyy.cn';
const serverUrl = '/api/';
//console.log(serverUrl);
const instance = axios.create({
timeout: 1000 * 60 * 5, // 超时时间