This commit is contained in:
539943419 committed 2024-09-03 09:44:53 +08:00
1 parent b2c5c7cc6d
commit f0748997be
2 files changed
+10 -9

No files matched your search

+2 -1
View File
@@ -26,4 +26,5 @@ dist-ssr
serve
miao-directory.exe
miao-directory-amd64-linux
miao-directory-amd64-win.exe
miao-directory-amd64-win.exe
test
@@ -10,7 +10,7 @@
index % 2 === 0
? 'rgb(0 0 0)'
: 'rgb(255 255 255)'
}" @click="$emit('add-new-item')" />
}" @click="emit('add-new-item')" />
</div>
</div>
<div class="container-bottom-item">
@@ -20,24 +20,24 @@
index % 2 === 0
? 'rgb(0 0 0)'
: 'rgb(255 255 255)'
}" @click="$emit('pick-files-upload')" />
}" @click="emit('pick-files-upload')" />
</div>
</div>
</div>
</template>
<script setup lang="ts">
import { AddOutline, CloudUploadOutline } from '@vicons/ionicons5'
defineProps<{
index: number
}>()
const emit = defineEmits<{
'add-new-item': []
'pick-files-upload': []
}>()
</script>
<style scoped lang="scss">
.miao-directory-container-bottom {
height: 60px;
@@ -48,14 +48,14 @@
user-select: none;
box-shadow: 0px 1px 10px #888888;
z-index: 2;
.container-bottom-item {
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
.container-bottom-item-icon {
svg {
width: 30px;
@@ -64,7 +64,7 @@
transition: height 0.3s ease;
cursor: pointer;
}
&:hover {
svg {
width: 40px;