| | |
| | | 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' ], |
| | |
| | | </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 { |