dwd-projects
/
amigo-lifestyle
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

spaceing

master
Kar 2022-10-04 00:01:25 +05:30
parent 3a683d8f63
commit 99321f8684
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/pages/index.vue
View File

@ -7,7 +7,7 @@
</route> </route>
<template> <template>
<div class="bg-gray-50"> <div>
<!-- <h1 class="font-medium text-center leading-tight text-4xl p-4 text-black-600">New Arrivals for {{this.$route.params.id}}</h1> <!-- <h1 class="font-medium text-center leading-tight text-4xl p-4 text-black-600">New Arrivals for {{this.$route.params.id}}</h1>
<hr class=""> --> <hr class=""> -->
@ -15,17 +15,18 @@
<!-- <div v-if="loading" class="loading">Loading...</div> --> <!-- <div v-if="loading" class="loading">Loading...</div> -->
<!-- <div v-if="error" class="error">{{ error }}</div> --> <!-- <div v-if="error" class="error">{{ error }}</div> -->
<div v-if="ecomm55Banner.data" class="w-full"> <div v-if="ecomm55Banner.data" class="w-full" >
<div v-for="(item, index) in ecomm55Banner.data" class=""> <div v-for="(item, index) in ecomm55Banner.data" class=" pb-8">
<router-link :to="'/item/' + item.slug"> <router-link :to="'/item/' + item.slug">
<div class="relative"> <div class="relative">
<img class="w-full" :src="'https://api8.siliconpin.com/assets/'+item.img" > <img class="w-full" :src="'https://api8.siliconpin.com/assets/'+item.img" >
<div v-if="item.name" class="absolute bottom-0 w-full"> <div v-if="item.name" class="absolute bottom-0 w-full">
<div class="flex justify-left" > <div class="flex justify-left" >
<div class="place-self-center p-4 rounded-md" style="background-color: #a9333175;"> <div class="place-self-center p-4 rounded-md" >
<p class="text-2xl font-bold uppercase " style="color: #efc7c7;">{{item.name}} </p> <button class="rounded mx-auto uppercase text-xs text-white font-bold py-2 px-14 mb-4" style="background-color: aliceblue; color: rgb(32, 168, 126);"> {{item.name}} </button>
<!-- <p class="text-2xl font-bold uppercase " style="color: black;">{{item.name}} </p> -->
<div class="flex justify-center"> <div class="flex justify-center">
<button class="rounded mx-auto bg-red-500 hover:bg-white uppercase text-xs text-white hover:text-red-500 font-bold py-2 px-4 "> {{item.btn}} </button> <button class="rounded mx-auto uppercase text-xs text-white font-bold py-2 px-14 " style="background-color: rgb(32, 168, 126);"> {{item.btn}} </button>
</div> </div>
</div> </div>
</div> </div>