luxpodarki

luxpodarki

Import

import luxpodarkiComponents from 'luxpodarki';
import 'luxpodarki/dist/luxpodarki.css';

export default {
    name: 'App',
    components: {
        itemsGrid: luxpodarkiComponents.luxpodarkiGrid,
        productCard: luxpodarkiComponents.luxpodarkiProductCard
    }
}

Use

import luxpodarkiComponents from 'luxpodarki';
import 'luxpodarki/dist/luxpodarki.css';

export default {
    data() {
        return {
            productsArr: [
                {
                    headline: 'Чайный сервиз "Тюльпан" с рисунком "Русский лубок" на 6 персон (20 предметов)',
                    underline: 'Императорский фарфоровый завод',
                    price: '<em class="f_rub">e</em> 520 000',
                    oldPrice: '<em class="f_rub">e</em> 22 500',
                    imgs: [
                        "https://luxpodarki.ru/pub/pictures/160824/300x300/1574382665315807.jpg",
                        "https://luxpodarki.ru/pub/pictures/108348/300x300/1536758096245942.jpg",
                        "https://luxpodarki.ru/pub/pictures/160797/300x300/1574381200358886.jpg",
                    ],
                    info: [
                        ["Артикул","182-063"],
                        ["Предметов","20 шт."],
                        ["Материалы","твердый фарфор"],
                        ["Форма","тюльпан"],
                        ["Вид рисунка","русский лубок"],
                        ["Вес изделия","3.9 кг"],
                    ]
                },
                {
                    headline: 'Подстаканник "Лев"',
                    underline: 'Императорский фарфоровый завод',
                    price: '<em class="f_rub">e</em> 20 600',
                    oldPrice: '<em class="f_rub">e</em> 25 500',
                    imgs: [
                        "https://luxpodarki.ru/pub/pictures/101225/700x700/1522923762373372.jpg",
                        "https://luxpodarki.ru/pub/pictures/97942/700x700/1521533480478825.jpg",
                        "https://luxpodarki.ru/pub/pictures/97940/700x700/1521533471967938.jpg",
                    ],
                    info: [
                        ["Материалы","бронза, хрусталь"],
                        ["Комплектация","подстаканник, стакан, чайная ложка"],
                        ["Страна производства","Россия"],
                        ["Вес в упаковке","1.86 кг."],
                        ["Размеры","19 х 12 х 7.5 см."],
                    ]
                },
            ]
        }
    },
    components: {
        itemsGrid: luxpodarkiComponents.luxpodarkiGrid,
        productCard: luxpodarkiComponents.luxpodarkiProductCard
    },
}

<items-grid size="big">
    <product-card :headline="item.headline" :underline="item.underline" :price="item.price" :oldPrice="item.oldPrice" :imgs="item.imgs" :info="item.info" v-for="(item,index) in productsArr" :key="index">
        <template slot="links">
            <a href="#">Подробнее</a>
            <a href="#">Купить в 1 клик</a>
        </template>
    </product-card>
</items-grid>