mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-04-25 01:06:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

feat: added components

Browse source
This commit is contained in:
Corentin Thomasset 2021-03-14 20:11:39 +01:00
parent 6e0c369398
commit 5fa81533d9
No known key found for this signature in database
GPG key ID: DBD997E935996158
30 changed files with 2405 additions and 1853 deletions
Download patch file Download diff file Expand all files Collapse all files

46
pages/index.vue
View file

@ -2,17 +2,57 @@
<v-row justify="center" align="center">
<v-col cols="12" sm="12" md="8">
<h1>Yolo</h1>
<v-card v-for="(items, section) in toolRoutesSections" :key="section">
<v-card-title>{{ section }}</v-card-title>
<v-card-text>
<v-list>
<v-list-item
v-for="(item, i) in items"
:key="i"
:to="item.path"
router
exact
>
<v-list-item-action>
<v-icon>{{ item.config.icon }}</v-icon>
</v-list-item-action>
<v-list-item-content>
<v-list-item-title v-text="item.config.title" />
</v-list-item-content>
</v-list-item>
</v-list>
</v-card-text>
</v-card>
</v-col>
</v-row>
</template>
<script>
import {Component, mixins} from 'nuxt-property-decorator'
import {ToolRoutesMixin} from '@/mixins/tool-routes.mixin'
export default {
components: {}
@Component
export default class Index extends mixins(ToolRoutesMixin) {
}
</script>
<style lang="less">
<style scopedlang="less">
.v-list{
background: transparent !important;
}
.v-card__title{
background: var(--v-primary-base) !important;
background: linear-gradient(90deg, rgba(37,99,108,1) 0%, rgba(59,149,111,1) 60%, rgba(71,177,113,1) 100%) !important;
padding-left: 33px;
}
.v-list-item{
padding-left: 31px;
}
.v-card__text{
padding: 0;
}
</style>