bem
Version:
99 lines (98 loc) • 3.34 kB
JavaScript
({
block: 'b-page',
title: 'Меню с триггером',
head: [
{ elem: 'css', url: '_40-b-menu-vert_trigger.css' },
{ block: 'i-jquery', elem: 'core' },
{ elem: 'js', url: '40-b-menu-vert_trigger.js' }
],
content: [
{
block: 'b-menu-vert',
js: true,
title: {
elem: 'title',
content: 'Everythings'
},
content: [
{
elem: 'item',
elemMods: { state: 'current' },
content: 'Videos'
},
{
elem: 'item',
content: {
block: 'b-link',
mods: { pseudo: 'yes', inner: 'yes'},
mix: [{ block: 'b-menu-vert', elem: 'trigger', elemMods: { state: 'opened' }}],
content: [
{
block: 'b-icon',
mix: [{ block: 'b-menu-vert', elem: 'trigger-icon' }],
alt: 'trigger'
},
{
elem: 'inner',
content: 'Images'
}
]
},
'item-content': {
elem: 'item-content',
elemMods: { visibility: 'visible'},
content: {
block: 'b-menu-vert',
mods: { 'type' : 'submenu' },
content: [
{
elem: 'item',
content: 'Any size'
},
{
elem: 'item',
content: 'Large'
},
{
elem: 'item',
content: 'Medium'
},
{
elem: 'item',
content: 'Icon'
}
]
}
}
},
{
elem: 'item',
content: {
block: 'b-link',
url: '/',
content: 'News'
}
},
{
elem: 'item',
content: {
block: 'b-link',
url: '/',
content: 'Shoping'
}
},
{
elem: 'separator'
},
{
elem: 'item',
content: {
block: 'b-link',
url: '/',
content: 'More'
}
}
]
}
]
})