【问题标题】:Laravel yoeunes/toastr getting white background and white textLaravel yoeunes/toastr 得到白色背景和白色文本
【发布时间】:2021-01-21 03:53:18
【问题描述】:

我使用的是 laravel 7。这里我使用了 yoeunes/toastr (https://packagist.org/packages/yoeunes/toastr)。但是 toastr 的背景颜色和文本颜色是白色的。还尝试了其他烤面包机。发生同样的事情。当我删除所有布局文件(js、jquery、css 链接头文件)时,toastr 工作正常。但使用布局文件时,toastr 无法正常工作。

我将代码用作文档

【问题讨论】:

  • 您的任何其他 js 代码都有可能初始化了 toastr 设置。你用其他包吗?
  • "barryvdh/laravel-dompdf": "^0.8.6", "brian2694/laravel-toastr": "^5.54", "bumbummen99/shoppingcart": "^3.0", "fideloper/代理”:“^4.2”,“fruitcake/laravel-cors”:“^1.0”,“guzzlehttp/guzzle”:“^6.3”,“laravel/framework”:“^7.0”,“laravel/tinker”:“ ^2.0", "laravel/ui": "^2.0", "melihovv/laravel-shopping-cart": "^7.0" @iamab.in
  • 检查是否有任何包使用toastr并初始化其设置?
  • 找不到你。我该如何检查? @iamab.in
  • 正如你所说,When removing layouts file ( js,jquery,css linked header file) the toastr works fine,链接的 js/jquery 可能已经初始化了 toastr 设置。因此,在您的代码编辑器中,在那些 js、jquery 文件中搜索单词 toastr

标签: php laravel laravel-blade toastr


【解决方案1】:

在您的布局文件(js、jquery、css 链接的头文件) 之后使用@toastr_css。 扩展布局后,像这样在部分部分使用@toastr_css

 @extends('layouts')
 @section('content')
 @toastr_css
 ....your code....
 
 @jquery
 @toastr_js
 @toastr_render
 @endsection

那么它不会影响你的布局文件

【讨论】:

    【解决方案2】:

    作为替代方案,您可以在您的 site.css 中使用以下代码:

    /***toastr - NOTIFICATION **************************************************/
    
    .toast-success {
        background-color: #51a351 !important;
    }
    
    .toast-error {
        background-color: #bd362f !important;
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-08-09
      • 1970-01-01
      • 2021-12-03
      • 2010-11-22
      • 2013-09-18
      • 1970-01-01
      相关资源
      最近更新 更多