在 markdown svg 中不支持,所以如果我们想显示这样的评级 我们可以像这样放置表情符号,这样我们也可以放置黑白表情符号 ⭐⭐⭐☆☆
但是我怎样才能以更好的方式显示它,比如在 laravel php 中使用 markdown
<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>
好的,我得到了一个 Markdown 的解决方案,这是简单的邮件代码 使用 html-css
<div style="display: flex; align-items: center; font-size: 25px;">
@for ($i = 1; $i <= $review->rating; $i++)
<span style="color: gold;">★</span>
@endfor
@for ($i = $review->rating + 1; $i <= 5; $i++)
☆
@endfor
</div>
它可以更简单,但它很好并且工作正常,可以给出 5 分的评分