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