追格资讯小程序Free首页的热门推荐,在调整结构的情况下,修改css可以改成以下展示形式。如果用户需要做更多的差异显示,可以通过修改宽度、高度、圆角、间距标题背景色等,进行更细致的调整。
修改前如下图:
修改后如下图:
1、index.vue中搜索 .jiangqie-hot-scroll-box 修改为:
.jiangqie-hot-scroll-box {
width: 440rpx;
height: 290rpx;
margin-left: 20rpx;
display: inline-block;
position: relative;
overflow: hidden;
border-radius: 16rpx;
}
2、index.vue中搜索.jiangqie-hot-scroll-image 修改为:
.jiangqie-hot-scroll-image {
width: 440rpx;
height: 290rpx;
border-radius: 16rpx;
box-shadow: 5rpx 5rpx 20rpx rgba(0, 0, 0, 0.2);
margin-bottom: 10rpx;
}
3、index.vue中搜索.jiangqie-hot-scroll-title 修改为:
.jiangqie-hot-scroll-title {
font-size: 28rpx;
color: #333;
font-weight: 300;
line-height: 76rpx;
height: 76rpx;
overflow: hidden;
text-overflow: ellipsis;
word-break: keep-all;
white-space: nowrap;
position: absolute;
z-index: 9;
width: 100%;
background: rgba(0,0,0,0.5);
bottom: 0;
border-radius: 0 0 16rpx 16rpx;
color: #FFFFFF;
}
-
小站点评更新发布自动获取产品icon和首页弹窗广告功能小站点评V1.5.0更新发布自动获取产品icon和首页弹窗广告功能
-
WordPress是干什么的WordPress是一款开源的CMS,也就是常说的内容管理系统,它基于PHP开发,并使用MySQL作为数据库管理系统。
-
WordPress教程菜鸟教程之WordPress主题和插件开发追格小编同学已经撰写并分享过一些相关的教程,包括WordPress主题开发教程和WordPress插件开发教程。
-
追格小程序V2.2.0两大亮点来袭,你准备好了吗?追格小程序终于迎来了两大全新功能模块的华丽登场!它们分别是圈子(圈主)管理模块和付费推广模块。
-
WordPress新手必学的10个实用小技巧WordPress新手必学的10个实用小技巧,让你轻松驾驭建站之旅!为了让新手朋友在使用WordPress时更加得心应手,追格特意整理了这些实用技巧。掌握了它们,你的WordPress之旅将会更加顺畅无阻,快来一起学习吧!
-
微信小程序「评价组件」评分后无法再次打开入口微信小程序像个桥梁,连接了用户和开发者。它提供了很多方便的功能组件,其中有个叫做「评价发布组件」的特别实用。这个组件让开发者能轻松地在小程序里加入评价功能,邀请用户打分和反馈。
暂无评论,抢个沙发...