53 lines
1.4 KiB
Vue
53 lines
1.4 KiB
Vue
<template>
|
|
<div :class="isLine ? 'flex justify-between items-center' : ''">
|
|
<div class="flex items-center gap-1">
|
|
<div class="text-gray-400">{{ title }}:</div>
|
|
<BasicIcon
|
|
v-if="info"
|
|
icon="vuesax-linear:info-circle"
|
|
size="18"
|
|
color="orange"
|
|
@click="infoVisible = true"
|
|
/>
|
|
</div>
|
|
<div v-if="value !== undefined" class="font-bold mt-1">{{ value }}</div>
|
|
<div v-else class="mt-1">
|
|
<slot></slot>
|
|
</div>
|
|
</div>
|
|
<!-- <van-dialog
|
|
v-model:show="infoVisible"
|
|
class="updateButton"
|
|
confirm-button-text="متوجه شدم"
|
|
show-confirm-button
|
|
@confirm="update()"
|
|
>
|
|
<div class="flex flex-col items-center p-2">
|
|
<!– <div class="home_appear_fade_in_up delay-100">به روز رسانی</div>–>
|
|
<div v-if="infoHead" class="font-bold">{{ infoHead }}</div>
|
|
<div class="home_appear_fade_in_up mt-2 text-sm">{{ info }}</div>
|
|
</div>
|
|
</van-dialog>-->
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { update } from 'lodash'
|
|
import { ref } from 'vue'
|
|
// import anim from '@/assets/lottie/animInfo.json'
|
|
|
|
interface Prop {
|
|
title: string
|
|
info?: string
|
|
infoHead?: string
|
|
isLine?: boolean
|
|
value?: string | number
|
|
}
|
|
|
|
const props = withDefaults(defineProps<Prop>(), {
|
|
isLine: false
|
|
})
|
|
const infoVisible = ref<boolean>()
|
|
</script>
|
|
|
|
<style scoped lang="less"></style>
|