Files
2026-07-13 13:33:03 +08:00

57 lines
1.6 KiB
Swift

//
// MetricCard.swift
// MNNLLMiOS
//
// Created by 游薪渝(揽清) on 2025/7/21.
//
import SwiftUI
/// Reusable metric display card component.
/// Shows performance metrics with icon, title, and value in a compact format.
struct MetricCard: View {
let title: String
let value: String
let icon: String
var body: some View {
VStack(alignment: .leading, spacing: 6) {
HStack(spacing: 6) {
Image(systemName: icon)
.font(.caption)
.foregroundColor(.benchmarkAccent)
Text(title)
.font(.caption)
.foregroundColor(.benchmarkSecondary)
.lineLimit(1)
}
Text(value)
.font(.system(size: 14, weight: .semibold))
.foregroundColor(.primary)
.lineLimit(1)
}
.frame(maxWidth: .infinity, alignment: .leading)
.padding(.horizontal, 12)
.padding(.vertical, 8)
.background(
RoundedRectangle(cornerRadius: 8)
.fill(Color.benchmarkAccent.opacity(0.05))
.overlay(
RoundedRectangle(cornerRadius: 8)
.stroke(Color.benchmarkAccent.opacity(0.1), lineWidth: 1)
)
)
}
}
#Preview {
HStack(spacing: 12) {
MetricCard(title: "Runtime", value: "2.456s", icon: "clock")
MetricCard(title: "Speed", value: "109.8 t/s", icon: "speedometer")
MetricCard(title: "Memory", value: "1.2 GB", icon: "memorychip")
}
.padding()
}