fix: convert apps/website from submodule to regular directory

2026-07-16 01:42:45 +08:00
parent f12ae12ad3
commit 9595030625
341 changed files with 50808 additions and 1 deletions
@@ -0,0 +1,84 @@
+<template>
+  <article class="skeleton-card">
+    <div class="skeleton-media"></div>
+    <div class="skeleton-info">
+      <div class="skeleton-line title"></div>
+      <div class="skeleton-chips">
+        <span class="skeleton-chip"></span>
+        <span class="skeleton-chip"></span>
+        <span class="skeleton-chip"></span>
+        <span class="skeleton-chip"></span>
+      </div>
+      <div class="skeleton-line price"></div>
+    </div>
+  </article>
+</template>
+
+<style scoped>
+.skeleton-card {
+  overflow: hidden;
+  border-radius: 12px;
+  background: #fff;
+  border: 1px solid transparent;
+}
+
+.skeleton-media,
+.skeleton-line,
+.skeleton-chip {
+  position: relative;
+  overflow: hidden;
+  background: #eee;
+}
+
+.skeleton-media {
+  width: 100%;
+  aspect-ratio: 1 / 1;
+}
+
+.skeleton-media::after,
+.skeleton-line::after,
+.skeleton-chip::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(90deg, transparent, #f7f7f7, transparent);
+  animation: shimmer 1.25s infinite;
+  transform: translateX(-100%);
+}
+
+.skeleton-info {
+  padding: 12px;
+}
+
+.skeleton-line {
+  height: 22px;
+  border-radius: 6px;
+}
+
+.skeleton-line.title {
+  width: 90%;
+  margin-bottom: 11px;
+}
+
+.skeleton-line.price {
+  width: 35%;
+}
+
+.skeleton-chips {
+  display: flex;
+  gap: 6px;
+  margin-bottom: 12px;
+}
+
+.skeleton-chip {
+  width: 46px;
+  height: 18px;
+  border-radius: 5px;
+}
+
+@keyframes shimmer {
+  100% {
+    transform: translateX(100%);
+  }
+}
+</style>