近期看有人反馈追格小程序的资讯分类略缩图该怎么改?如果是要改成下图效果,其实大家只需要对模板中的css调整便可以了。
结合页面原始的上下结构展示,我们基本上可以不修改页面结构,仅通过调整css,对列表进行任何形式的调整。
这里把如何修改为上图的方法告诉大家,详情参考以下代码(注释的是原有代码,新增的有提示)
打开文件/pages/cms/classify/classify.vue
对照代码修改即可
/** 外框 **/
.zhuige-classify-cms-block {
margin-bottom: 20rpx;
/* 新增 */
display: flex;
align-items: center;
flex-wrap: nowrap;
background-color: #FFFFFF;
border-radius: 12rpx;
padding: 20rpx;
}
/** 图片 **/
.zhuige-classify-cms-block image {
/* height: 200rpx;
width: 100%;
border-radius: 12rpx 12rpx 0 0;
display: inherit; */
/* 新增 */
height: 120rpx;
width: 120rpx;
border-radius: 12rpx;
flex: 0 0 120rpx;
}
/** 文字块 **/
.zhuige-classify-cms-text {
/* padding: 20rpx;
background: #FFFFFF;
border-radius: 0 0 12rpx 12rpx; */
/* 新增 */
width: 300rpx;
margin-left: 20rpx;
}
.zhuige-classify-cms-text view:nth-child(1) text:nth-child(2) {
font-size: 24rpx;
font-weight: 300;
height: 40rpx;
line-height: 40rpx;
border-radius: 24rpx;
padding: 0 24rpx;
margin-left: 12rpx;
color: #FF6348;
background: #FFEAE3;
/* 新增 */
white-space: nowrap;
}
-
论坛小程序源码下载(圈子社区论坛小程序)之追格小程序PC社区论坛系统大家熟知的应该有Discuz等,WordPress社区论坛插件如bbPress等,在站长圈子里这些都是耳熟能详的作品了。
-
All-in-One WP Migration(一站式WP迁移)WordPress全站迁移插件All-in-One WP Migration是一款WordPress全站迁移插件,中文名叫“一站式WP迁移”,在WordPress官网显示有超过500万的安装量,超过6000+的五星好评。
-
WordPress缓存插件Cache MasterWordPress缓存插件,追格小编早些时候也分享过,如:Lazy Load WordPress、Cachify等等。今天我们说说Cache Master,其实和其他大同小异,各有优劣势。
-
WordPress怎么发布和编辑文章追格小程序交流群,有小伙伴问追格资讯小程序如何编辑文章,追格系的小程序大部分都是基于WordPress开发,如何发布和编辑文章,若不熟悉不放看看下面流程。
-
追格企业官网小程序Free 白屏 xxx.js .js 已被代码依赖分析忽略,无法被其他模块引用微信小程序开发工具的锅……
-
追格小程序V1.6.1发布代码高亮功能不少小伙伴反馈,希望追格小程序能发布代码高亮功能,满足需求。
暂无评论,抢个沙发...