ac8f5b5f64
- Add 40+ new UI components including chat modules, discovery cards, photo galleries, FAQ and booking tools - Standardize brand color across all styles by replacing $theme-color-500 SCSS variables with #0ccd58 - Add sass 1.58.3 dependency and update vite config for modern scss compiler support - Refactor existing components (AddCarCrad, login page) and remove unused /quick/list router route - Add utility functions for URL parameter handling - Add static assets including custom znicons font, component images and icons - Fix scss syntax issues and deprecation warnings
41 lines
975 B
Vue
41 lines
975 B
Vue
<template>
|
|
<div class="aigc-photo-card relative rounded-24 overflow-hidden w-full" :class="{ 'is-disabled': disabled }"
|
|
@click="handleAction">
|
|
<img class="aigc-photo-card__image block w-full" :src="data.cover" />
|
|
<div class="aigc-photo-card__shade"></div>
|
|
|
|
<div class="aigc-photo-card__play flex flex-items-center flex-justify-center rounded-full">
|
|
<div class="aigc-photo-card__triangle"></div>
|
|
</div>
|
|
|
|
<div class="aigc-photo-card__title color-white font-size-16 font-900">
|
|
{{ data.title }}
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
const props = defineProps({
|
|
data: {
|
|
type: Object,
|
|
default: () => ({}),
|
|
},
|
|
disabled: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
});
|
|
|
|
const emit = defineEmits(["select", "action"]);
|
|
|
|
const handleAction = () => {
|
|
if (props.disabled) return;
|
|
emit("select", props.data);
|
|
emit("action", props.data);
|
|
};
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
@import "./styles/index.scss";
|
|
</style>
|