Vue3----扩展 element Plug card

damys

已于 2024-07-29 17:34:42 修改

阅读量337

点赞数 2

分类专栏： Vue3 文章标签： javascript vue.js 前端

于 2024-07-29 17:32:38 首次发布

本文链接：https://blog.youkuaiyun.com/damys/article/details/140776580

版权

扩展 element Plug card

增加全屏，折叠操作项

核心代码

<template>
	<div class="cc-card-component">
		<el-card v-if="state.isShow" :class="state.class" :bodyStyle="bodyStyle" :shadow="props.shadow">
			<template #header v-if="props.title">
				<slot name="leftIcon"></slot>
				<span>{
  { props.title }}</span>
				<div class="component-header-icon">
					<template v-if="props.showFullScreen">
						<i v-if="state.isFullscreen" @click="toggleFullscreen" class="iconfont icon--fullscreen-exit"></i>
						<i v-else @click="toggleFullscreen" class="iconfont icon--fullscreen"></i>
					</template>
					<i v-if="props.showClose" @clic

最低0.47元/天解锁文章