阅读(2740) (9)

Laravel 8 自定义 CSS

2021-07-06 09:24:44 更新

在导出组件之后, resources/views/vendor/mail/html/themes 目录将会包含一个 default.css 文件。您可以在该文件中自定义您的样式,它将会自动应用于您的 Markdown 通知的 HTML 表现上。

如果您想要构建一个全新的 Laravel Markdown 组件的主题,您可以将 CSS 文件置于 html/themes 目录中。在命名和保存了您的 CSS 文件后,请更新 mail 配置文件中的 theme 选项以匹配新主题的名称。

您可以在构建通知邮件消息时调用 theme 方法来为单独一个通知自定义样式。theme 方法接受一个发送通知时要使用的主题的名称:

/**
 * 获取通知的邮件表现。
 *
 * @param  mixed  $notifiable
 * @return \Illuminate\Notifications\Messages\MailMessage
 */
public function toMail($notifiable)
{
    return (new MailMessage)
                ->theme('invoice')
                ->subject('Invoice Paid')
                ->markdown('mail.invoice.paid', ['url' => $url]);
}