You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
67 lines
2.4 KiB
67 lines
2.4 KiB
5 years ago
|
<template>
|
||
|
|
<div>
|
||
|
|
<v-container class="WM-Container" fluid grid-list-md>
|
||
|
|
|
||
|
|
<!-- <WM-PageTitle TitleFa=" مدیریت وبسایت " TitleEn=" Website Management " Color="green darken-3" TitleFaClass="WM-Color-Black"></WM-PageTitle> -->
|
||
|
|
|
||
|
|
<!-- <v-layout row wrap>
|
||
|
|
<v-flex d-flex xs12 sm6 md6>
|
||
|
|
<Tile ImageURL="images/Global/Tiles/Website.png"></Tile>
|
||
|
|
</v-flex>
|
||
|
|
<v-flex d-flex xs12 sm6 md3>
|
||
|
|
<v-layout row wrap>
|
||
|
|
<v-flex d-flex>
|
||
|
|
<v-card color="indigo" dark>
|
||
|
|
<v-card-text>{{ lorem.slice(0, 70) }}</v-card-text>
|
||
|
|
</v-card>
|
||
|
|
</v-flex>
|
||
|
|
<v-flex d-flex>
|
||
|
|
<v-layout row wrap>
|
||
|
|
<v-flex v-for="n in 2" :key="n" d-flex xs12>
|
||
|
|
<v-card color="red lighten-2" dark>
|
||
|
|
<v-card-text>{{ lorem.slice(0, 40) }}</v-card-text>
|
||
|
|
</v-card>
|
||
|
|
</v-flex>
|
||
|
|
</v-layout>
|
||
|
|
</v-flex>
|
||
|
|
</v-layout>
|
||
|
|
</v-flex>
|
||
|
|
<v-flex d-flex xs12 sm6 md2 child-flex>
|
||
|
|
<v-card color="green lighten-2" dark>
|
||
|
|
<v-card-text>{{ lorem.slice(0, 90) }}</v-card-text>
|
||
|
|
</v-card>
|
||
|
|
</v-flex>
|
||
|
|
<v-flex d-flex xs12 sm6 md3>
|
||
|
|
<v-card color="blue lighten-2" dark>
|
||
|
|
<v-card-text>{{ lorem.slice(0, 100) }}</v-card-text>
|
||
|
|
</v-card>
|
||
|
|
</v-flex>
|
||
|
|
</v-layout> -->
|
||
|
|
</v-container>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</template>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import Tile from "@Global/components/Tiles/Tile.vue";
|
||
|
|
|
||
|
|
export default {
|
||
|
|
components: {
|
||
|
|
Tile,
|
||
|
|
},
|
||
|
|
data: () => ({
|
||
|
|
lorem: `Lorem ipsum dolor sit amet, mel at clita quando. Te sit oratio vituperatoribus, nam ad ipsum posidonium mediocritatem, explicari dissentiunt cu mea. Repudiare disputationi vim in, mollis iriure nec cu, alienum argumentum ius ad. Pri eu justo aeque torquatos.`
|
||
|
|
})
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
.WM-Container {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
|
||
|
|
}
|
||
|
|
</style>
|