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

nuic home动画

Browse Source
This commit is contained in:
lizhipeng
2026-02-10 16:56:11 +08:00
parent 4356013202
commit 8bdaf3792a
9 changed files with 502 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/views/nuic/nuic-2.vue
View File

@@ -5,7 +5,7 @@
<div v-for="v in list" :key="v.id" @click="v.active = !v.active">
<img :src="v.url" draggable="false" />
<div class="active" v-show="v.active">
<span>这是一段文字</span>
<span>{{ v.title }}</span>
</div>
</div>
</div>
@@ -25,14 +25,14 @@
const router = useRouter()
const emit = defineEmits(['next'])
const list = ref([
{ id: 1, url: '/image/nuic/style-1.png', active: false },
{ id: 2, url: '/image/nuic/style-2.png', active: false },
{ id: 3, url: '/image/nuic/style-3.png', active: false },
{ id: 4, url: '/image/nuic/style-4.png', active: false },
{ id: 5, url: '/image/nuic/style-5.png', active: false },
{ id: 6, url: '/image/nuic/style-6.png', active: false },
{ id: 7, url: '/image/nuic/style-7.png', active: false },
{ id: 8, url: '/image/nuic/style-8.png', active: false }
{ id: 1, url: '/image/nuic/style-1.png', title: '凳子', active: false },
{ id: 2, url: '/image/nuic/style-2.png', title: '沙发', active: false },
{ id: 3, url: '/image/nuic/style-3.png', title: '凳子', active: false },
{ id: 4, url: '/image/nuic/style-4.png', title: '桌子', active: false },
{ id: 5, url: '/image/nuic/style-5.png', title: '桌子', active: false },
{ id: 6, url: '/image/nuic/style-6.png', title: '桌子', active: false },
{ id: 7, url: '/image/nuic/style-7.png', title: '沙发', active: false },
{ id: 8, url: '/image/nuic/style-8.png', title: '桌子', active: false }
])
const onLoadMore = () => {}
</script>