案例详情内容完成
This commit is contained in:
parent
90c653d46f
commit
1288dffb3c
@ -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>
|
||||||
|
|||||||
@ -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}}
|
||||||
|
|||||||
@ -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);
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user