榆钱落尽槿花稀
b7278a8ea7
2.大标题表述已修正 3.首页医生团队简介区域超出问题已解决 4.图片资源全面优化，涵盖背景图、医生照片及轮播图 5.时间展示格式优化，图片自适应显示功能已完善 6.轮播图最大高度限制
86 lines
2.4 KiB
Vue
86 lines
2.4 KiB
Vue
<template>
|
||
<div class="bg-[#ffffff]">
|
||
<div class="box_6 flex-col">
|
||
<div class="group_1">
|
||
<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>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="page-container mt-[30px]">
|
||
<div>
|
||
<div class="title">{{ info.news_title }}</div>
|
||
<div class="flex flex-row justify-center author">
|
||
<div>科室：{{ info.news_titleshort }}</div>
|
||
<div class="ml-[70px]">{{ info.news_key }}</div>
|
||
</div>
|
||
<div style="border-top: 1px solid rgba(238, 238, 238, 1);"></div>
|
||
<div class="my-[30px]">
|
||
<div v-html="info.news_content"></div>
|
||
</div>
|
||
</div>
|
||
<div style="border-top: 1px solid rgba(238, 238, 238, 1);"></div>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import { useStore } from '~/store'
|
||
import $api from '@/service/webRequest'
|
||
const router = useRouter()
|
||
const route = useRoute()
|
||
const id = ref(route.params.id)
|
||
onMounted(() => {
|
||
// 在移动端视图下初始化
|
||
document.documentElement.style.fontSize = '16px';
|
||
const coMobile = /Mobi|Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
|
||
if (coMobile) {
|
||
router.push('/phone_ys_info/' + id.value)
|
||
} else {
|
||
router.push('/ys_info/' + id.value)
|
||
}
|
||
getInfo();
|
||
})
|
||
const info = ref({})
|
||
const getInfo = () => {
|
||
$api.post("/api/Newsbx/info", { id: id.value })
|
||
.then((res: any) => {
|
||
console.log(res)
|
||
info.value = res.data.data
|
||
})
|
||
.catch((err) => {
|
||
console.dir(err)
|
||
})
|
||
}
|
||
</script>
|
||
<style scoped>
|
||
@import "@/assets/css/common.scss";
|
||
@import "@/assets/css/list.css";
|
||
</style>
|
||
<style>
|
||
.title {
|
||
font-size: 26px;
|
||
font-weight: 600;
|
||
color: #000000;
|
||
margin-bottom: 20px;
|
||
text-align: center;
|
||
}
|
||
.author {
|
||
font-size: 14px;
|
||
color: rgba(153, 153, 153, 1);
|
||
margin-bottom: 20px;
|
||
}
|
||
.page-container{
|
||
padding: 0 360px;
|
||
}
|
||
@media (max-width: 1440px) {
|
||
.page-container{
|
||
padding: 0 100px;
|
||
}
|
||
}
|
||
/* video{
|
||
margin: 20px auto;
|
||
} */
|
||
</style>
|