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