添加部分组件，添加拼图验证（未完成）

shikeying

2023-04-07 c192f834c4e092bc7c0f2722c343c25c1be619ab

 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;