面板组件使用

面板组件使用

代码示例:

<template>
  <YhCardItem>
	<template #item-content>
		<el-tag>现金账户</el-tag>
		<el-row :gutter="10">
		<el-col :span="8" style="text-align: center">
			<el-statistic
			title="可用余额"
			:value="Number(userCashAssets.available_cash_amount)"
			/>
		</el-col>
		<el-col :span="8" style="text-align: center">
			<el-statistic
			title="冻结金额"
			:value="Number(userCashAssets.freeze_cash_amount)"
			/>
		</el-col>
		<el-col :span="8" style="text-align: center">
			<el-row :gutter="10">
			<el-tag type="info" style="margin-right: 10px">账户状态:</el-tag>
			<el-tag v-if="userCashAssets.account_status" type="success">正常</el-tag>
			<el-tag v-else type="danger">冻结</el-tag>
			</el-row>
		</el-col>
		</el-row>
	</template>
 </YhCardItem>
</template>
<script setup lang="ts">
import YhCardItem from "@/pages/laravel-fast-api/v1/components/element/Card/CardList/CardItem.vue";
</script>