案例详情内容完成
This commit is contained in:
parent
90c653d46f
commit
1288dffb3c
@ -10,6 +10,21 @@
|
||||
</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>
|
||||
</template>
|
||||
|
||||
@ -104,4 +119,38 @@ export default {
|
||||
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>
|
||||
|
||||
@ -26,7 +26,7 @@
|
||||
:href="`/ExampleItem?id=${item.id}`"
|
||||
>
|
||||
<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">
|
||||
<span class="upspan">
|
||||
{{item.brandname_cn}}
|
||||
|
||||
@ -165,6 +165,7 @@
|
||||
margin-left: 0px;
|
||||
margin-right: 0px;
|
||||
width:100%;
|
||||
white-space: pre-line;
|
||||
@include media-breakpoint-between(xs, md) {
|
||||
overflow-wrap: break-word;
|
||||
color: rgba(13, 13, 13, 1);
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user