|
@@ -5,7 +5,7 @@ import lifeStyle from '@/assets/images/category/normal/lifestyle.png'
|
|
import stationery from '@/assets/images/category/normal/stationery.png'
|
|
import stationery from '@/assets/images/category/normal/stationery.png'
|
|
import fashion from '@/assets/images/category/normal/fashion.png'
|
|
import fashion from '@/assets/images/category/normal/fashion.png'
|
|
import gifts from '@/assets/images/category/normal/gifts.png'
|
|
import gifts from '@/assets/images/category/normal/gifts.png'
|
|
-import homeDecor from '@/assets/images/category/normal/home_decor.png'
|
|
|
|
|
|
+import creative from '@/assets/images/category/normal/creative.png'
|
|
import health from '@/assets/images/category/normal/health.png'
|
|
import health from '@/assets/images/category/normal/health.png'
|
|
|
|
|
|
import trendActive from '@/assets/images/category/active/trend_active.png'
|
|
import trendActive from '@/assets/images/category/active/trend_active.png'
|
|
@@ -14,7 +14,7 @@ import lifeStyleActive from '@/assets/images/category/active/lifestyle_active.pn
|
|
import stationeryActive from '@/assets/images/category/active/stationery_active.png'
|
|
import stationeryActive from '@/assets/images/category/active/stationery_active.png'
|
|
import fashionActive from '@/assets/images/category/active/fashion_active.png'
|
|
import fashionActive from '@/assets/images/category/active/fashion_active.png'
|
|
import giftsActive from '@/assets/images/category/active/gifts_active.png'
|
|
import giftsActive from '@/assets/images/category/active/gifts_active.png'
|
|
-import homeDecorActive from '@/assets/images/category/active/home_decor_active.png'
|
|
|
|
|
|
+import creativeActive from '@/assets/images/category/active/creative_active.png'
|
|
import healthActive from '@/assets/images/category/active/health_active.png'
|
|
import healthActive from '@/assets/images/category/active/health_active.png'
|
|
|
|
|
|
defineProps({
|
|
defineProps({
|
|
@@ -37,7 +37,7 @@ defineProps({
|
|
<img v-if="icon === 'stationary-office-supplies'" :src="active === 'stationary-office-supplies' ? stationeryActive : stationery" alt="" class="!w-20px !h-20px">
|
|
<img v-if="icon === 'stationary-office-supplies'" :src="active === 'stationary-office-supplies' ? stationeryActive : stationery" alt="" class="!w-20px !h-20px">
|
|
<img v-if="icon === 'fashion-accessories'" :src="active === 'fashion-accessories' ? fashionActive : fashion" alt="" class="!w-20px !h-20px">
|
|
<img v-if="icon === 'fashion-accessories'" :src="active === 'fashion-accessories' ? fashionActive : fashion" alt="" class="!w-20px !h-20px">
|
|
<img v-if="icon === 'gifts-seasonal-items'" :src="active === 'gifts-seasonal-items' ? giftsActive : gifts" alt="" class="!w-20px !h-20px">
|
|
<img v-if="icon === 'gifts-seasonal-items'" :src="active === 'gifts-seasonal-items' ? giftsActive : gifts" alt="" class="!w-20px !h-20px">
|
|
- <img v-if="icon === 'creative-home-products'" :src="active === 'creative-home-products' ? homeDecorActive : homeDecor" alt="" class="!w-20px !h-20px">
|
|
|
|
|
|
+ <img v-if="icon === 'creative-home-products'" :src="active === 'creative-home-products' ? creativeActive : creative" alt="" class="!w-20px !h-20px">
|
|
<img v-if="icon === 'beauty-personal-care'" :src="active === 'beauty-personal-care' ? healthActive : health" alt="" class="!w-20px !h-20px">
|
|
<img v-if="icon === 'beauty-personal-care'" :src="active === 'beauty-personal-care' ? healthActive : health" alt="" class="!w-20px !h-20px">
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|