Add Skeleton for GridItem and Image + Refactor components architecture with more modularity + Delete Fruit feature
This commit is contained in:
23
src/components/Form/ImageUnsplash/ImageSkeleton.vue
Normal file
23
src/components/Form/ImageUnsplash/ImageSkeleton.vue
Normal file
@@ -0,0 +1,23 @@
|
||||
<template>
|
||||
<VueContentLoading
|
||||
:style="{ backgroundColor: '#ffffff', padding: '1rem', borderRadius: '10px' }"
|
||||
primary="#cecece"
|
||||
:width="300"
|
||||
:height="180"
|
||||
>
|
||||
<rect x="0" y="0" rx="4" ry="4" width="300" height="180" />
|
||||
</VueContentLoading>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import VueContentLoading from "vue-content-loading";
|
||||
|
||||
export default {
|
||||
name: "ImageSkeleton",
|
||||
components: {
|
||||
VueContentLoading
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less"></style>
|
||||
Reference in New Issue
Block a user