aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 视频播放按钮尺寸

Browse Source
This commit is contained in:
zhangyh
2025-11-18 14:49:45 +08:00
parent 608182936a
commit f425dcec39
1 changed files with 24 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/component/home/tools/poseTransfer/index.vue
View File

@@ -52,7 +52,10 @@
v-show="item.designOutfitUrl || item.imgUrl || item.url"
class="btnBox"
>
<div :class="{ active: item.isChecked }" v-if="!(isDesignPage && videoType === 3)">
<div
:class="{ active: item.isChecked }"
v-if="!(isDesignPage && videoType === 3)"
>
<i class="fi fi-br-check"></i>
</div>
<div
@@ -147,7 +150,10 @@
v-show="item.designOutfitUrl || item.imgUrl || item.url"
class="btnBox"
>
<div :class="{ active: item.isChecked }" v-if="!(isDesignPage && videoType === 3)">
<div
:class="{ active: item.isChecked }"
v-if="!(isDesignPage && videoType === 3)"
>
<i class="fi fi-br-check"></i>
</div>
<div
@@ -185,19 +191,10 @@
<div class="control-container">
<div class="icon-list">
<SvgIcon
v-show="!isVideoPlaying(item.id)"
class="play-icon"
@click.stop="handlePlayMotion(item)"
name="CPlay"
size="10"
color="#fff"
/>
<SvgIcon
v-show="isVideoPlaying(item.id)"
class="play-icon pause"
@click.stop="handlePlayMotion(item)"
name="CPause"
size="10"
:name="isVideoPlaying(item.id) ? 'CPause' : 'CPlay'"
size="20"
color="#fff"
/>
</div>
@@ -899,7 +896,9 @@ export default defineComponent({
if (props.isDesignPage && videoType.value === 3) {
if (isLastFrame) {
// 从 lastFrameList 中删除
const deleteIndex = lastFrameList.value.findIndex((listItem: any) => listItem.id === item.id)
const deleteIndex = lastFrameList.value.findIndex(
(listItem: any) => listItem.id === item.id
)
if (deleteIndex >= 0) {
lastFrameList.value.splice(deleteIndex, 1)
}
@@ -921,7 +920,9 @@ export default defineComponent({
}
} else {
// 从 firstFrameList 中删除
const deleteIndex = firstFrameList.value.findIndex((listItem: any) => listItem.id === item.id)
const deleteIndex = firstFrameList.value.findIndex(
(listItem: any) => listItem.id === item.id
)
if (deleteIndex >= 0) {
firstFrameList.value.splice(deleteIndex, 1)
}
@@ -944,7 +945,7 @@ export default defineComponent({
}
return
}
// 非 design 页面的原有逻辑
let value = {
id: item.id
@@ -1486,19 +1487,20 @@ export default defineComponent({
rgba(8, 9, 13, 0.27) 80.37%
);
display: flex;
align-items: flex-end;
justify-content: center;
align-items: center;
justify-content: flex-start;
.icon-list {
height: 50%;
width: calc(100% - 1.6rem);
// height: 50%;
// width: calc(100% - 1.6rem);
// border-top: 1px solid #fff;
padding-left: 1rem;
display: flex;
box-sizing: border-box;
justify-content: flex-start;
align-items: center;
.play-icon {
width: initial;
height: initial;
width: 2rem;
height: 2rem;
}
}
}