< 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" > < / W M - P a g e T i t l e > - - >
<!-- < v -layout row wrap >
< v -flex d -flex xs12 sm6 md6 >
< Tile ImageURL = "images/Global/Tiles/Website.png" > < / Tile >
< / v - f l e x >
< 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 - c a r d - t e x t >
< / v - c a r d >
< / v - f l e x >
< 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 - c a r d - t e x t >
< / v - c a r d >
< / v - f l e x >
< / v - l a y o u t >
< / v - f l e x >
< / v - l a y o u t >
< / v - f l e x >
< v -flex d -flex xs12 sm6 md2 child -flex >
< v -card color = "green lighten-2" dark >
< v -card -text > { { lorem . slice ( 0 , 90 ) } } < / v - c a r d - t e x t >
< / v - c a r d >
< / v - f l e x >
< v -flex d -flex xs12 sm6 md3 >
< v -card color = "blue lighten-2" dark >
< v -card -text > { { lorem . slice ( 0 , 100 ) } } < / v - c a r d - t e x t >
< / v - c a r d >
< / v - f l e x >
< / v - l a y o u t > - - >
< / v - c o n t a i n e r >
< / 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 >