我可以实现不同的tab块下边展示的区域，用不同的背景吗

切换tab块，下边展示的背景是不一样的

image.png

image.png
FineReport 深巷 发布于 2021-12-15 13:43 （编辑于 2021-12-15 14:39）
1min目标场景问卷 立即参与
回答问题
悬赏：3 F币 + 添加悬赏
举报
提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知
共3回答
最佳回答
0
snrtuemcLv8专家互助
发布于2021-12-15 13:51（编辑于 2021-12-15 14:39）

可以通过写js实现

第一个tab0

setTimeout(function() {

$(".content-container div[widgetname='TAB0']").css({

'background': 'url(/webroot/help/picture/icon_top1-18.png)no-repeat',

'background-size': '100% 100%'

});

}, 100);

第二个tab1

setTimeout(function() {

$(".content-container div[widgetname='TAB1']").css({

'background': 'url(/webroot/help/picture/icon_top2-19.png)no-repeat',

'background-size': '100% 100%'

});

}, 100);

image.png

效果

image.pngimage.png

=============================

9.0测试

image.png

image.png
举报 收起评论(10)
最佳回答
0
MorsLv5见习互助
发布于2021-12-15 13:45

可以的

image.png
举报 收起评论(1)
  • 深巷 深巷(提问者) 他这应该是上边的tab块的那个背景颜色，我是想tab块下边展示不同背景颜色
    2021-12-15 13:50 
最佳回答
0
CD20160914Lv8专家互助
发布于2021-12-15 13:55

是这个意思吗？

背景色不一样.rar
举报 收起评论(1)
  • 深巷 深巷(提问者) 你这个是不是只能修改颜色，不能用图片
    2021-12-15 14:27 
  • 4关注人数
  • 563浏览人数
    • 最后回答于：2021-12-15 14:39
    活动推荐 更多
    热门课程 更多
    请选择关闭问题的原因
    确定 取消
    隐私政策
    帆软用户服务协议
    联系管理员
    联系帆软
    Copyright© 帆软软件有限公司 版权所有
    苏ICP备18065767号
    返回顶部