FastMovieAI 二开基线 v1.0 (完整源码)

2026-08-26 18:41:02 +08:00
parent fad7690c0c
commit d54584f70d
888 changed files with 105571 additions and 1 deletions
@@ -0,0 +1,58 @@
+<script setup lang="ts">
+
+const props = defineProps<{
+    modelValue: number;
+}>();
+const emit = defineEmits(['update:modelValue']);
+const handleSelect = (value: number) => {
+    emit('update:modelValue', value);
+}
+const episodeSumList = ref<number[]>([20, 40, 60, 80, 100, 150, 200, 300, 400, 500]);
+</script>
+<template>
+    <el-popover trigger="click" :show-arrow="false" placement="bottom-start" width="fit-content" popper-class="model-popover">
+        <template #reference>
+            <slot>
+                <div class="flex flex-center grid-gap-2  input-button input-button-selected px-6 ">
+                    <span>全</span>
+                    <span class="h10 font-weight-600 text-episode-sum">{{ props.modelValue }}</span>
+                    <span>集</span>
+                </div>
+            </slot>
+        </template>
+        <span class="h10">选择集数</span>
+        <div class="grid-columns-4 grid-gap-4 text-center mt-4">
+            <div class="grid-column-2 btn rounded-4 p-4" v-for="item in episodeSumList" :key="item"
+                :class="{ 'active': props.modelValue === item }" @click.stop="handleSelect(item)">
+                <span class="font-weight-600">{{ item }}</span>
+            </div>
+        </div>
+    </el-popover>
+</template>
+<style scoped lang="scss">
+
+.btn {
+    backdrop-filter: blur(10px);
+    overflow: hidden;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.3s ease;
+    border-radius: 20px;
+    padding-top: 2px;
+    padding-bottom: 2px;
+    &:hover {
+        background: rgba(255, 255, 255, 0.16);
+    }
+
+    &.active {
+        background: rgba(255, 255, 255, 0.16);
+    }
+}
+
+.text-episode-sum {
+    height: 34px;
+    line-height: 34px;
+}
+</style>