54 lines
1.3 KiB
TypeScript
54 lines
1.3 KiB
TypeScript
import { Component } from '@angular/core';
|
|
import { MatButtonModule } from '@angular/material/button';
|
|
import { MatCardModule } from '@angular/material/card';
|
|
import { TablerIconsModule } from 'angular-tabler-icons';
|
|
|
|
// ecommerce card
|
|
interface productCards {
|
|
id: number;
|
|
imgSrc: string;
|
|
title: string;
|
|
price: string;
|
|
rprice: string;
|
|
}
|
|
|
|
@Component({
|
|
selector: 'app-blog-card',
|
|
imports: [MatCardModule, TablerIconsModule, MatButtonModule],
|
|
templateUrl: './blog-card.component.html',
|
|
})
|
|
export class AppBlogCardsComponent {
|
|
constructor() { }
|
|
|
|
productcards: productCards[] = [
|
|
{
|
|
id: 1,
|
|
imgSrc: '/assets/images/products/s4.jpg',
|
|
title: 'Boat Headphone',
|
|
price: '285',
|
|
rprice: '375',
|
|
},
|
|
{
|
|
id: 2,
|
|
imgSrc: '/assets/images/products/s5.jpg',
|
|
title: 'MacBook Air Pro',
|
|
price: '285',
|
|
rprice: '375',
|
|
},
|
|
{
|
|
id: 3,
|
|
imgSrc: '/assets/images/products/s7.jpg',
|
|
title: 'Red Valvet Dress',
|
|
price: '285',
|
|
rprice: '375',
|
|
},
|
|
{
|
|
id: 4,
|
|
imgSrc: '/assets/images/products/s11.jpg',
|
|
title: 'Cute Soft Teddybear',
|
|
price: '285',
|
|
rprice: '375',
|
|
},
|
|
];
|
|
}
|