yangprivate-web/kdofficial
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 32 Wiki Activity

最终上线

Browse Source
This commit is contained in:
zhcnyuyang 2025-05-11 15:32:06 +08:00
parent 1701c403f5
commit d06bf47f45
1 changed files with 49 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
src/components/ExampleItem.vue
View File

@ -1,10 +1,10 @@
<script setup>
import { useBootstrapBreakpoint } from './useBreakpoint.js';
const { breakpoint } = useBootstrapBreakpoint();
</script>
<!--<script setup>-->
<!--import { useBootstrapBreakpoint } from './useBreakpoint.js';-->
<!--const { breakpoint } = useBootstrapBreakpoint();-->
<!--</script>-->
<template>
<div id="passageroot" class="pageroot">
<div id="passageroot" class="pageroot" v-if="psginfo">
<div id="passagebanner" class="pagebanner">
<img :src="`http://cms.yangprivate.site${psginfo.headimage.formats.large.url}`"
alt="" id="bannerimg"/>
@ -19,14 +19,23 @@ const { breakpoint } = useBootstrapBreakpoint();
margin-top:
auto;bottom: 0;
color: darkgray">
<div v-if="breakpoint==='xs'||breakpoint==='sm'" id="wepbar">
</div>
<div v-else id="pcbar">
<!-- <div v-if="breakpoint==='xs'||breakpoint==='sm'" id="wepbar">-->
<!-- <span class="engtitle">-->
<!-- <strong>{{this.psginfo.brandname_en}}</strong>-->
<!-- </span>-->
<!-- <span class="engproject">-->
<!-- {{this.psginfo.projectname_en}}-->
<!-- </span>-->
<!-- <span style="width: 100%"></span>-->
<!-- <span class="code">-->
<!-- {{this.psginfo.projectcode}}-->
<!-- </span>-->
<!-- </div>-->
<br/>
<div id="pcbar">
<span class="engtitle">
<strong>{{this.psginfo.brandname_en}}</strong>
</span>
&nbsp;
<span class="engproject">
{{this.psginfo.projectname_en}}
</span>
@ -88,13 +97,8 @@ export default {
this.error = "返回的 JSON 对象中不存在 'data' 数组";
}else{
this.psginfo=this.psginfos[0];
let bannerpath=this.cmsroot+this.psginfo.headimage.formats.large.url;
// let bannerpath=this.psginfo.headimage.formats.large.url;
if(bannerpath!=null)
{
console.log('bannerpath:', bannerpath);
document.getElementById('passagebanner').style.backgroundImage = "url('" + bannerpath + "')";
}
let newtitle=this.psginfo.brandname_cn+this.psginfo.projectname_cn+'-开动文化科技（北京）有限公司';
document.title=newtitle;
}
} else {
this.error = "返回的 JSON 对象中不存在 'data' 数组";
@ -123,15 +127,8 @@ export default {
this.fetchpsginfos();
},
mounted() {
let bannerpath=this.cmsroot+this.psginfo.headimage.formats.large.url;
// let bannerpath=this.psginfo.headimage.formats.large.url;
if(bannerpath!=null)
{
console.log('bannerpath:', bannerpath);
document.getElementById('passagebanner').style.backgroundImage = "url('" + bannerpath + "')";
}
let newtitle=this.psginfo.brandname_cn+this.psginfo.projectname_cn+'-开动文化科技（北京）有限公司';
document.title=newtitle;
// let newtitle=this.psginfo.brandname_cn+this.psginfo.projectname_cn+'-开动文化科技（北京）有限公司';
// document.title=newtitle;
}
}
</script>
@ -148,16 +145,28 @@ export default {
}
#wepbar{
display: flex;
flex-direction: column;
}
#pcbar{
@include media-breakpoint-between(xs, md) {
display: flex;
flex-direction: row;
flex-direction: column;
span{
overflow-wrap: break-word;
font-size: 16px;
font-family: DINPro-Light;
font-weight: 300;
text-align: left;
white-space: nowrap;
line-height: 20px;
}
}
@include media-breakpoint-up(md) {
display: flex;
flex-direction: column;
span {
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 36px;
font-family: DINPro-Light;
font-weight: 300;
@ -166,6 +175,7 @@ export default {
line-height: 40px;
}
}
}
#currentbanner{
display: flex;