Jeecg改变主题颜色及页内样式

Jeecg改变主题颜色及页内样式

改成黑色背景,显得更有科技感,但是时间选择器和其它表格地样式出现紊乱(不专业,可应急)

GlobalLayout.vue 
.ant-layout-content {
        .content {
          margin: 24px 0 0;
        }
        background-color: #000c17 !important;
      }
      !important:浏览器首先执行这个语句,覆盖父级的样式

表格的字体颜色,聚焦以及表格的背景需要改变

common.less 进行修改
.ant-pagination{
  color: white;
}
.ant-pagination-item a{
  color: white;
}
.ant-pagination-disabled a, .ant-pagination-disabled:hover a, .ant-pagination-disabled:focus a, .ant-pagination-disabled .ant-pagination-item-link, .ant-pagination-disabled:hover .ant-pagination-item-link, .ant-pagination-disabled:focus .ant-pagination-item-link{
  color: white;
}
.ant-pagination-prev a, .ant-pagination-next a{
  color: white;
}
.ant-pagination-item-active{
  background: #181f30;
}
.ant-select{
  color: white;
}
.ant-select-arrow{
  color: white;
}
.ant-select-selection{
  background-color: #181f30;
}
.ant-pagination-options-quick-jumper input{
  color: white;
  background-color: #181f30;
}
.ant-table-tbody > tr.ant-table-row-selected td {
  background: #000c17;
}
.ant-table-tbody > tr:hover {
  background: #000c17 !important;
}
.ant-table-tbody > tr:hover > td {
  background: #000c17 !important;
}
.ant-table-thead > tr.ant-table-row-hover > td{
  background:  #000c17 !important;
}
.ant-table-tbody > tr.ant-table-row-hover > td{
  background: #000c17 !important;
}
一般都是找到class样式进行覆盖原有的父样式
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您好!要编写JeecgBoot的评论管理页面,您可以按照步骤进行操作: 1. 创建评论管理的数据库表: - 创建一个评论管理的数据库表,包含必要的字段,例如评论ID、评论内容、评论人、评论时间等。 2. 创建评论管理的实体类: - 在Java项目中创建一个与数据库表对应的实体类,定义与表中字段对应的属性。 3. 创建评论管理的持久层接口和实现: - 创建一个评论管理的持久层接口,定义对评论数据的增删改查操作。 - 创建一个实现该接口的类,实现具体的数据库操作。 4. 创建评论管理的业务层接口和实现: - 创建一个评论管理的业务层接口,定义对评论数据的业务处理方法。 - 创建一个实现该接口的类,实现具体的业务逻辑。 5. 创建评论管理的控制层: - 创建一个控制层类,用于接收前端请求并调用相应的业务方法处理请求。 - 在该类中定义相应的请求映射和处理方法。 6. 编写前端页面: - 使用HTMLCSS和JavaScript等前端技术编写评论管理页面的布局和交互逻辑。 - 可以使用前端框架如Bootstrap、Vue.js等来简化开发过程。 7. 前后端交互: - 在前端页面中使用Ajax等技术,向后端发送请求获取评论数据,并将数据展示在页面上。 - 在前端页面中通过表单提交等方式,将用户输入的评论数据发送给后端进行保存或更新。 以上是编写JeecgBoot的评论管理页面的一般步骤,具体实现过程可能会根据您的需求和项目结构有所变化。希望能对您有所帮助!如果还有其他问题,请随时提问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值