案例详情内容完成

This commit is contained in:
zhcnyuyang 2025-05-11 05:19:14 +08:00
parent 90c653d46f
commit 1288dffb3c
3 changed files with 51 additions and 1 deletions

View File

@ -10,6 +10,21 @@
</div> </div>
</div> </div>
</div> </div>
<div class="normalcontentdiv">
<span class="normalcontenttitle">
项目概况
</span>
<span class="normalcontenttext">
{{psginfo.content}}
</span>
</div>
<div id="imglist">
<div v-for="(item, index) in psginfo.images" :key="index"
class="imglistitem"
style="width: 100%; height: auto;">
<img :src="`http://cms.yangprivate.site${item.formats.medium.url}`" alt="" />
</div>
</div>
</div> </div>
</template> </template>
@ -104,4 +119,38 @@ export default {
background-image: url('/ExamplesRes/Examplesbanner.png'); background-image: url('/ExamplesRes/Examplesbanner.png');
} }
} }
#imglist{
display: flex;
flex-direction: column;
position: relative;
height: auto;
overflow:visible;
@include media-breakpoint-between(xs, md) {
margin-left: 32px;
margin-right: 32px;
margin-top: 32px;
margin-bottom: 65px;
//gap: 3px;
}
@include media-breakpoint-between(md,xxl){
margin-left: 100px;
margin-right: 100px;
margin-top: 80px;
margin-bottom: 199px;
//gap: 16px;
}
@include media-breakpoint-up(xxl) {
margin-left: 256px;
margin-right: 256px;
margin-top: 80px;
margin-bottom: 199px;
//gap: 16px;
}
}
.imglistitem img{
width: 100%;
height: auto;
display: block;
}
</style> </style>

View File

@ -26,7 +26,7 @@
:href="`/ExampleItem?id=${item.id}`" :href="`/ExampleItem?id=${item.id}`"
> >
<div class="listblock"> <div class="listblock">
<img :src="`http://cms.yangprivate.site${item.headimage.formats.large.url}`" alt="" /> <img :src="`http://cms.yangprivate.site${item.headimage.formats.thumbnail.url}`" alt="" />
<div class="itemtext"> <div class="itemtext">
<span class="upspan"> <span class="upspan">
{{item.brandname_cn}} {{item.brandname_cn}}

View File

@ -165,6 +165,7 @@
margin-left: 0px; margin-left: 0px;
margin-right: 0px; margin-right: 0px;
width:100%; width:100%;
white-space: pre-line;
@include media-breakpoint-between(xs, md) { @include media-breakpoint-between(xs, md) {
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(13, 13, 13, 1); color: rgba(13, 13, 13, 1);