feat: 播放按钮

src/component/home/tools/poseTransfer/index.vue

@@ -81,6 +81,17 @@
 										<i class="fi fi-br-check"></i>
 									</div>
 								</div>
+								<div class="control-container">
+									<div class="icon-list">
+										<SvgIcon
+										 class="play-icon"
+									 	 @click="handlePlayMotion(item)"
+										 name="CPlay"
+										 size="10"
+										 color="#fff"
+										 />
+									</div>
+								</div>
 							</div>
 						</div>
 					</div>
@@ -269,6 +280,9 @@ export default defineComponent({
 		}
 		const gifPause = (e:any,item:any)=>{
 			e.target.src = item.firstFrame//静态图片
+		}
+		const handlePlayMotion = item => {
+			
 		}
 		const getPoseList = ()=>{
 			Https.axiosGet(Https.httpUrls.getAllPose).then((rv)=>{
@@ -629,7 +643,7 @@ export default defineComponent({
 		{immediate: true }
 		)
 
-		const videoType = ref('1')
+		const videoType = ref('3')
 		const showMotion = computed(()=> videoType.value === '3' )
 		const options = ref([
 			{ vlaue: '1', label: 'First frame' },
@@ -779,6 +793,7 @@ export default defineComponent({
 						overflow: hidden;
 						overflow-x: auto;
 						column-gap: 2.4rem;
+						position: relative;
 						> .item{
 							// width: calc(100% / 2 - .5rem);
 							// height: 25rem;
@@ -875,6 +890,30 @@ export default defineComponent({
 						> .upload_item{
 							border: none;
 						}
+						.control-container{
+							width: 100%;
+							height: 3.3rem;
+							position: absolute;
+							bottom: 0;
+							left: 0;
+							background: linear-gradient(180deg, rgba(8, 9, 13, 0) 0%, rgba(8, 9, 13, 0.27) 80.37%);
+							display: flex;
+							align-items: flex-end;
+							justify-content: center;
+							.icon-list{
+								height: 50%;
+								width: calc(100% - 1.6rem);
+								border-top: 1px solid #fff;
+								display: flex;
+								box-sizing: border-box;
+								justify-content: flex-start;
+								align-items: center;
+								.play-icon{
+									width: initial;
+									height: initial;
+								}
+							}
+						}
 					}
 					> .head{
 						color: #000;