如何在 Laravel 中使用 Markdown 在电子邮件中显示评分

问题描述 投票:0回答:1

在 markdown svg 中不支持,所以如果我们想显示这样的评级 我们可以像这样放置表情符号,这样我们也可以放置黑白表情符号 ⭐⭐⭐☆☆

但是我怎样才能以更好的方式显示它,比如在 laravel php 中使用 markdown enter image description here

<div style="display: flex; align-items: center;">

    @php
        $rating = $review ? $review->rating : 0;
        $emptyStars = 5 - $rating;
    @endphp

    @for ($i = 1; $i <= 5; $i++)
        <svg class="star" style="width: 16px; height: 16px; fill: {{ $i <= $rating ? 'yellow' : 'transparent' }}"
            aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 20">
            <path
                d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
        </svg>
    @endfor
</div>
laravel email markdown html-email
1个回答
0
投票

好的,我得到了一个 Markdown 的解决方案,这是简单的邮件代码 使用 html-css

<div style="display: flex; align-items: center; font-size: 25px;">
    @for ($i = 1; $i <= $review->rating; $i++)
        <span style="color: gold;">&#9733;</span>
    @endfor
    @for ($i = $review->rating + 1; $i <= 5; $i++)
        &#9734;
    @endfor
</div>

它可以更简单,但它很好并且工作正常,可以给出 5 分的评分

© www.soinside.com 2019 - 2024. All rights reserved.