zmc
2023-09-27 eeef5d4039d2b3fee6854ddc2789aa23232b2cfb
src/sfc/ButtonClick.vue
@@ -18,14 +18,25 @@
        type:String,
        default:'success'
    },
    // 自定义颜色
    color:{
        type:String,
        default:''
    },
    // 加载效果
    loading:{
        type:Boolean,
        default:false
    },
    // 按钮大小
    size:{
        type:String,
        default:'default'
    },
    // 是否需要图标
    havaIcon:{
        type:Boolean,
        default:true
    }
   },
   emits:['doSearch' ],
@@ -33,14 +44,13 @@
</script>
<template>
  <div>
    <el-button :type="type"  :loading="loading" :size="size"  @click="$emit('doSearch')">
        <el-icon >
    <el-button :type="type"  :color="color" :loading="loading" :size="size"  @click="$emit('doSearch')">
        <el-icon v-show="havaIcon">
            <i-ep-Search/>
        </el-icon>
        {{ content }}
        <!-- 自定义图标插槽出口 -->
       <slot/>  {{ content }}
    </el-button>
  </div>
</template>
<style scoped>
.el-icon {