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

1.增加logo

Browse Source 
2.优化代码
This commit is contained in:
王创世 2025-04-15 10:44:28 +08:00
parent b7278a8ea7
commit ccd1fb43b9
16 changed files with 37 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
assets/css/index.css
View File

@ -26,6 +26,7 @@
font-size: 38px;
font-family: Source Han Serif CN-Heavy;
font-weight: 900;
margin-left: 10px;
}
.section_2 {

13
components/AppFooter.vue
View File

@ -90,28 +90,25 @@
<NuxtLink to="/phone_about">
<div>医院位置</div>
</NuxtLink>
<NuxtLink to="/phone_about">
<div>来院路线</div>
</NuxtLink>
</div>
</div>
<div class="link-section" @click="toggleSection('departments')">
<h4>科室导航 <i :class="{ 'arrow-down': !openSections.departments, 'arrow-up': openSections.departments }"></i></h4>
<div v-if="openSections.departments" class="section-content">
<NuxtLink to="/info/30242">
<NuxtLink to="/phone_info/30242">
<div>结核科</div>
</NuxtLink>
<NuxtLink to="/info/30240">
<NuxtLink to="/phone_info/30240">
<div>中医科</div>
</NuxtLink>
<NuxtLink to="/info/30239">
<NuxtLink to="/phone_info/30239">
<div>急诊医学科</div>
</NuxtLink>
<NuxtLink to="/info/30241">
<NuxtLink to="/phone_info/30241">
<div>感染科</div>
</NuxtLink>
<NuxtLink to="/info/30238">
<NuxtLink to="/phone_info/30238">
<div>外科</div>
</NuxtLink>
</div>

27
components/AppHeader.vue
View File

@ -1,8 +1,10 @@
<template>
<div class="box_32 flex-col">
<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="section_1 flex-row justify-center items-center"
:style="!isMobile ? '' : 'padding-top: 0;height: 50px;'">
<div class="flex-col">
<img src="public/images/logo.png" alt="logo" class="logo">
</div>
<div class="text_1">信阳市第五人民医院</div>
<!-- 手机端菜单按钮 -->
<div v-if="isMobile" class="mobile-menu-button" @click="toggleMobileMenu">
@ -90,13 +92,16 @@
<!-- 手机端菜单 -->
<div v-if="isMobile && mobileMenuOpen" class="mobile-menu">
<NuxtLink to="/">
<div class="mobile-menu-item" :class="{ 'active': isLinl == '/phone_index' }" @click="selectMenuItem(0)">首页</div>
<div class="mobile-menu-item" :class="{ 'active': isLinl == '/phone_index' }" @click="selectMenuItem(0)">首页
</div>
</NuxtLink>
<NuxtLink to="/about">
<div class="mobile-menu-item" :class="{ 'active': isLinl == '/phone_about' }" @click="selectMenuItem(1)">医院概况</div>
<div class="mobile-menu-item" :class="{ 'active': isLinl == '/phone_about' }" @click="selectMenuItem(1)">医院概况
</div>
</NuxtLink>
<NuxtLink v-for="(item, index) in groupList" :key="item.id" :to="'/phone_list/' + item.id">
<div class="mobile-menu-item" :class="{ 'active': isLinl == '/phone_list/' + item.id }" @click="mobileMenuOpen = false">{{ item.name }}</div>
<div class="mobile-menu-item" :class="{ 'active': isLinl == '/phone_list/' + item.id }"
@click="mobileMenuOpen = false">{{ item.name }}</div>
</NuxtLink>
</div>
</div>
@ -220,6 +225,11 @@ const getGroupList = () => {
font-weight: bold;
}
.logo {
width: 64px;
height: 64px;
}
/* 媒体查询 */
@media (max-width: 768px) {
.section_1 {
@ -232,5 +242,10 @@ const getGroupList = () => {
.text_1 {
font-size: 20px;
}
.logo {
width: 40px;
height: 40px;
}
}
</style>

5
pages/index.vue
View File

@ -156,7 +156,7 @@
</span>
</div>
<div class="mt-[10px]">
<span class="text_45">{{ formattedYearMonthDay(item.showtime) }}</span>
<span class="text_45">{{ item.showtime_text }}</span>
</div>
<div class="mt-[10px]" v-if="index < 2">
<div class="box_19 flex-col"></div>
@ -194,7 +194,7 @@
</span>
</div>
<div class="mt-[10px]">
<span class="text_45">{{ formattedYearMonthDay(item.showtime) }}</span>
<span class="text_45">{{ item.showtime_text}}</span>
</div>
<div class="mt-[10px]" v-if="index < 2">
<div class="box_19 flex-col"></div>
@ -299,7 +299,6 @@ import * as swiperAni from '@/assets/animate/animate.js'
import $api from '@/service/webRequest'
import { useI18n } from 'vue-i18n'
import { useStore } from '~/store'
import { c } from 'naive-ui'
const { locale } = useI18n()
const searchContent = ref('');

4
pages/phone_about.vue
View File

@ -6,9 +6,9 @@
<div>
<img class="thumbnail_1 w-6 h-6" referrerpolicy="no-referrer" src="public/images/home.png" />
</div>
<div class="text_13 text-sm mt-1 sm:mt-0">您的位置：首页>联系我们</div>
<div class="text_13 text-sm mt-1 sm:mt-0">您的位置：首页>医院概况</div>
</div>
<div class="text_14 text-center text-xl font-bold my-3">联系我们</div>
<div class="text_14 text-center text-xl font-bold my-3">医院概况</div>
</div>
</div>
<div class="z-10 px-4 mt-4">

8
pages/phone_index.vue
View File

@ -134,7 +134,7 @@
</span>
</div>
<div class="mb-2">
<span class="text_45 text-xs text-gray-400">{{ formattedYearMonthDay(item.showtime) }}</span>
<span class="text_45 text-xs text-gray-400">{{ item.showtime }}</span>
</div>
<div v-if="index < 2" class="mb-2">
<div class="box_19 w-full h-px bg-gray-200"></div>
@ -172,7 +172,7 @@
</span>
</div>
<div class="mb-2">
<span class="text_45 text-xs text-gray-400">{{ formattedYearMonthDay(item.showtime) }}</span>
<span class="text_45 text-xs text-gray-400">{{ item.showtime }}</span>
</div>
<div v-if="index < 2" class="mb-2">
<div class="box_19 w-full h-px bg-gray-200"></div>
@ -198,7 +198,7 @@
<span class="text_15 text-xs text-gray-600">{{ item.news_key }}</span>
</div>
</div>
<span class="text_16 text-sm mt-2">{{ item.news_auto }}</span>
<div class="text_16 text-sm my_text_2" style="width: 145px;height: 85px;">{{ item.news_auto }}</div>
</div>
</swiper-slide>
</swiper>
@ -224,7 +224,7 @@
@slideChange="onSlideChangeKK">
<swiper-slide v-for="(item, index) in bottomInfoList" @click="goDetail(item)">
<div class="list-items_1 flex-col p-2">
<img :src="item.news_image[0]" class="w-full h-[150px]">
<img :src="item.news_image[0]" class="w-full h-[150px]" style="object-fit: cover;">
<div class="text-wrapper_13 flex-col mt-2">
<span class="text_33 text-center one-line" style="font-size: 13px;">{{ item.news_title }}</span>
</div>

BIN
public/favicon.ico
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 17 KiB

BIN
public/images/h.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 90 KiB

BIN
public/images/ks4.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 421 KiB

BIN
public/images/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 234 KiB

BIN
public/images/new.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 258 KiB

BIN
public/images/new1.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 276 KiB

BIN
public/images/sw1.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 MiB

BIN
public/images/t1.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 293 KiB

BIN
public/images/y1.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 45 KiB

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, // 超时时间