From c192f834c4e092bc7c0f2722c343c25c1be619ab Mon Sep 17 00:00:00 2001
From: shikeying <pxzsky@163.com>
Date: 星期五, 07 四月 2023 17:32:33 +0800
Subject: [PATCH] 添加部分组件，添加拼图验证（未完成）
---
src/components/PanThumb/index.vue | 10 ++++------
1 files changed, 4 insertions(+), 6 deletions(-)
diff --git a/src/components/PanThumb/index.vue b/src/components/PanThumb/index.vue
index 1bcf417..de6940a 100644
--- a/src/components/PanThumb/index.vue
+++ b/src/components/PanThumb/index.vue
@@ -5,8 +5,7 @@
<slot />
</div>
</div>
- <!-- eslint-disable-next-line -->
- <div :style="{backgroundImage: `url(${image})`}" class="pan-thumb"></div>
+ <img :src="image" class="pan-thumb">
</div>
</template>
@@ -53,8 +52,7 @@
.pan-thumb {
width: 100%;
height: 100%;
- background-position: center center;
- background-size: cover;
+ background-size: 100%;
border-radius: 50%;
overflow: hidden;
position: absolute;
@@ -62,7 +60,7 @@
transition: all 0.3s ease-in-out;
}
-/* .pan-thumb:after {
+.pan-thumb:after {
content: '';
width: 8px;
height: 8px;
@@ -73,7 +71,7 @@
margin: -4px 0 0 -4px;
background: radial-gradient(ellipse at center, rgba(14, 14, 14, 1) 0%, rgba(125, 126, 125, 1) 100%);
box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);
-} */
+}
.pan-info {
position: absolute;
--
Gitblit v1.9.1