Первая верстка c BEM и командой [Яндекс]

Форум /

Еще не розобрался, хедер : слева лого-картинка справа кнопка входа меню : 4 кнопки ссылки по горизонтали основа : 1 блок контейнер с иконками 2 блок что-то похожее на календать 3 блок аналогичен 2му 4 - кнопака слева, картинка справа футер : бэкграунд 3 таблицы с текстом

При создании дерева в хедере - логотип пропадает остается только кнопка.

11 years ago

tadatuta

Я не понял, в чем именно вопрос, но дерево будет выглядеть примерно так:

{
    block: 'page',
    content: [
        {
            block: 'header',
            content: [
                {
                    block: 'logo'
                },
                {
                    block: 'button',
                    text: 'Войти'
                }
            ]
        },
        {
            block: 'nav',
            content: [
                {
                    block: 'link',
                    content: 'Пункт 1'
                },
                {
                    block: 'link',
                    content: 'Пункт 2'
                },
                {
                    block: 'link',
                    content: 'Пункт 3'
                },
                {
                    block: 'link',
                    content: 'Пункт 4'
                }
            ]
        },
        {
            block: 'main',
            content: [
                {
                    block: 'icons',
                    content: []
                },
                {
                    block: 'calendar'
                },
                {
                    block: 'calendar'
                },
                {
                    block: '',
                    content: [
                        {
                            block: 'button'
                        },
                        {
                            block: 'image'
                        }
                    ]
                }
            ]
        },
        {
            block: 'footer',
            content: []
        }
    ]
}

11 years ago

b7acksec

18 июня 2015 г., в 3:14, Vladimir Grinenko notifications@github.com написал(а):

Я не понял, в чем именно вопрос, но дерево будет выглядеть примерно так:

{ block: 'page', content: [ { block: 'header', content: [ { block: 'logo' }, { block: 'button', text: 'Войти' } ] }, { block: 'nav', content: [ { block: 'link', content: 'Пункт 1' }, { block: 'link', content: 'Пункт 2' }, { block: 'link', content: 'Пункт 3' }, { block: 'link', content: 'Пункт 4' } ] }, { block: 'main', content: [ { block: 'icons', content: [] }, { block: 'calendar' }, { block: 'calendar' }, { block: '', content: [ { block: 'button' }, { block: 'image' } ] } ] }, { block: 'footer', content: [] } ] } — Reply to this email directly or view it on GitHub https://github.com/bem/bem-forum-content-ru/issues/460#issuecomment-112984438.

спасибо большое за помощь Владимир это моя первая верстка по BEM если будут вопросы я смогу к вам обратиться ?

11 years ago

b7acksec

Влад банально конечно но не могу разобраться Сейчас дерево проэкта выглядит вот таким оразом :

scripts: [{ elem : 'js', url : '_index.js' }],
mods : { theme : 'islands' },
content : [
    {
        block : 'page',
        content : [
            {
                block : 'header',
                content : [
                    {
                        block : 'logo',
                        content : [
                            {
                                block : 'image',
                                url : '../../img/logo.png',
                                title : 'Выпускники.Ру'
                            }

                        ]
                    },

                    {
                        block : 'button',
                        mods : { theme : 'islands', size : 'xl', type : 'submit' },
                        text : 'Войти'
                    }
                ]
            }
        ]
    }
]

}) нужно что бы heder выглядил так : https://yadi.sk/i/wwSMl34xhKGmE сейчас выглядит : https://yadi.sk/i/W5Y2VaS7hKGnh В чем ошибка?

11 years ago

tadatuta

Предположу, что выше уже есть блок page, второй раз его использовать не нужно. Ну а в остальном дерево выглядит нормально, дальше нужно писать CSS.

11 years ago

b7acksec

Следующий вопрос как изменить внешний вид (шрифт, цвет #5f6276) блока button ? в дальнейшем будет использоваться несколько различных блоков - кнопок.

11 years ago

tadatuta

Текущий внешний вид контролов описан в модификаторе theme_islands в папке design. Можно по аналогии создать другие варианты theme с нужным внешним видом.

11 years ago

b7acksec

нашел файл исправил некоторые элементы задаюсь вопросом как, их сохранить или применить?

11 years ago

tadatuta

предлагаю посмотреть вот этот мастеркласс, думаю, все моменты прояснятся

Чтобы оставлять комментарии, необходимо авторизоваться.