sai/vpUni
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

第一次上传

Browse Source
This commit is contained in:
Ls
2026-03-09 16:39:03 +08:00
commit 3d9efaf15c
924 changed files with 326227 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1054
.svn/pristine/b6/b6d8f3f2ab164c825a7c3106a63e7ebd38adc791.svn-base Normal file
View File

File diff suppressed because it is too large Load Diff

115
.svn/pristine/b6/b6f13fdb6397866e180834d8194d9612a0761428.svn-base Normal file
View File

@@ -0,0 +1,115 @@
<template>
<view class="skeleton-shop-card">
<!-- 封面骨架 -->
<view class="skeleton-cover"></view>
<!-- 信息骨架 -->
<view class="skeleton-info">
<!-- 标题骨架 -->
<view class="skeleton-title"></view>
<view class="skeleton-title-short"></view>
<!-- 元信息骨架 -->
<view class="skeleton-meta">
<view class="skeleton-text"></view>
<view class="skeleton-text-short"></view>
</view>
<!-- 标签骨架 -->
<view class="skeleton-tags">
<view class="skeleton-tag"></view>
<view class="skeleton-tag"></view>
</view>
</view>
</view>
</template>
<script setup>
</script>
<style lang="scss" scoped>
.skeleton-shop-card {
background: #FFFFFF;
border-radius: 12rpx;
overflow: hidden;
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.06);
}
.skeleton-cover {
width: 100%;
height: 200rpx;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: loading 1.5s ease-in-out infinite;
}
.skeleton-info {
padding: 16rpx;
}
.skeleton-title {
height: 36rpx;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: loading 1.5s ease-in-out infinite;
border-radius: 4rpx;
margin-bottom: 8rpx;
}
.skeleton-title-short {
height: 36rpx;
width: 60%;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: loading 1.5s ease-in-out infinite;
border-radius: 4rpx;
margin-bottom: 12rpx;
}
.skeleton-meta {
display: flex;
justify-content: space-between;
margin-bottom: 12rpx;
}
.skeleton-text {
flex: 1;
height: 28rpx;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: loading 1.5s ease-in-out infinite;
border-radius: 4rpx;
}
.skeleton-text-short {
width: 120rpx;
height: 28rpx;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: loading 1.5s ease-in-out infinite;
border-radius: 4rpx;
}
.skeleton-tags {
display: flex;
gap: 8rpx;
}
.skeleton-tag {
width: 100rpx;
height: 36rpx;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: loading 1.5s ease-in-out infinite;
border-radius: 4rpx;
}
@keyframes loading {
0% {
background-position: 200% 0;
}
100% {
background-position: -200% 0;
}
}
</style>