PageAdmin网站内容管理系统(CMS)交流论坛

注册

 

QQ登录

只需一步,快速开始

发新话题 回复该主题

V4 内容图片组显示图片排版错乱修改 [复制链接]

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

前端效果可以自行制作,图片特效网上很多,找一个喜欢的做成模板就可以可
TOP
发新话题 回复该主题