V4版本,在内容显示图片组时,若原图为细高的大图时,图片会占用大量的版面,极不好看,我想将图片组定高为400px,所以修改一如下。找到模板下的\views\Model\DetailImagesModel.cshtml文件
然后修改
- .images-box .swiper-container {width: 100%;height: 300px;margin-left: auto;margin-right: auto;}
- .images-box .swiper-slide {background-size:contain;background-position: center;}
- .images-box .gallery-top {height: 400px;width: 100%;}//大图
- .images-box .gallery-top .swiper-slide{background:#EEE;background-size:contain;}
- .images-box .gallery-top .swiper-slide img{width:auto;height: 400px;display:block;margin:0px auto;background-size:contain;}
- .images-box .gallery-thumbs {height:100px;box-sizing: border-box;padding: 10px 0;background-size:contain;}//下面小条
- .images-box .gallery-thumbs .swiper-slide {width:auto;height: 100px;opacity: 0.4;cursor:pointer}
- .images-box .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
复制代码