一个极简的价格显示组件,支持响应式和深色模式。
<div class="bg-white dark:bg-gray-800 rounded-lg px-6 py-8 ring-1 ring-slate-900/5 shadow-xl"> <div> <span class="inline-flex items-center justify-center p-2 bg-indigo-500 rounded-md shadow-lg"> <svg class="h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"></svg> </span> </div> <h3 class="mt-5 text-base font-medium tracking-tight text-slate-900 dark:text-white">Price</h3> <p class="mt-2 text-sm text-slate-500 dark:text-slate-400"> <span class="text-2xl font-bold text-slate-900 dark:text-white">$99.99</span>/month </p> </div>
一个复杂的响应式价格显示组件,用于仪表板,支持深色主题,在灰度、极简主义的平面设计中使用 Tailwind CSS。
一个用于房地产列表的简单响应式价格显示组件,具有大地色调和深色模式支持。
一个响应式价格显示组件,采用新拟态风格和互补的配色方案,专为支持黑暗模式的博客内容设计。