找回密码
 注册成为天翎用户
查看: 486|回复: 5

[已解决] 视图如何引用样式库

[复制链接]
shishangshang 发表于 2021-2-9 10:03:17 | 显示全部楼层 |阅读模式
本帖最后由 问题汇总专家 于 2021-4-7 15:56 编辑

【myApps/OBPM版本号】:MyAppsV4.4
【系统版本】:后台 - 系统信息 - 系统版本:MyAppsV4.4
【浏览器类型】:Chrome
【联系方式-QQ】:312630853
【问题描述】:求指导!!!请问在视图中勾选了样式库,可视图在前端展示并没有达到样式库的效果,没有任何改变,还有其他地方需要设置吗?
视图样式库.png
问题汇总专家 发表于 2021-4-7 15:56:11 | 显示全部楼层
关于您所提出的问题,目前同事这边已经给出出解决方法了哦,由于该帖楼主超过7天未响应,故该贴状态改为"已解决",后续如有其他问题可重新发帖或在我们的技术QQ群发出响应,我们将为您安排技术同事解答哟~~
回复 0 1

使用道具 举报

Chain 发表于 2021-2-9 14:48:26 | 显示全部楼层
如果设置样式库不生效就加入!important看看,可能是样式的权重不够导致的。

  1. .obpm-datatable-head thead .obpm-listdatath{
  2.         background-color:#dc4036!important;
  3. }
复制代码


视图样式库01.png

视图样式库02.png
回复

使用道具 举报

 楼主| shishangshang 发表于 2021-2-9 15:34:29 | 显示全部楼层
下面是我视图引用的样式库代码,视图的样式库是否需要特殊写法?

._table th{                                                                     
               border: 2px solid rgb(74,112,139)!important;                                                   
              }                                
     ._table td{                                                                     
               border: 2px solid rgb(74,112,139)!important;                                                   
              }                                
                                                                             
    ._table{                                                
              border: 3px solid rgb(74,112,139)!important;           
              cellspacing:10                                                
                                                                                                   
            }
回复

使用道具 举报

 楼主| shishangshang 发表于 2021-2-9 15:35:14 | 显示全部楼层
可否分享一下您的视图样式库代码?
回复

使用道具 举报

Chain 发表于 2021-2-18 10:43:55 | 显示全部楼层
  1. .table{                                                
  2.         border: 1px solid rgb(74,112,139)!important;
  3.         cellspacing:10;
  4. }
  5. /*
  6. .table thead{                                                                     
  7.         border: 2px solid rgb(74,112,139)!important;
  8. }
  9. */
  10. .table tr{
  11.         border: 1px solid rgb(74,112,139)!important;
  12. }                                
  13. .table tr listDataTrTd{
  14.         border: 1px solid rgb(74,112,139)!important;
  15. }
复制代码
效果:
视图样式库.png
回复

使用道具 举报

本版积分规则

手机版|天翎MyApps技术社区 ( 粤ICP备11093750号 )

GMT+8, 2026-8-14 15:19

Powered by Discuz! X5.0

© 2001-2026 Discuz! Team.

快速回复 返回顶部 返回列表