ytIsShowForm显示隐藏筛选框组件

使用场景

需要显示/隐藏某块区域（可自定义按钮名称、颜色、图标）

实例属性

属性名	默认值	类型	描述	是否必填
showSearch	true	Boolean	是否显示
showSetting	{ name: "显示筛选", icon: "iconfont ytUi-xianshi",color: "#1492ff"}	Object	显示的配置项
hideSetting	{ name: "隐藏筛选", icon: "iconfont ytUi-yincang", color: "#999999" }	Object	隐藏的配置项

简单使用

<!--
 * @Description: 使用ytIsShowForm 显示隐藏筛选框组件 页面
 * @Author: mhf
 * @Date: 2023/11/7 0:05
-->
<template>
  <div>
    <!--    :showSetting="showSetting"-->
    <!--    :hideSetting="hideSetting"-->
    <ytIsShowForm
        ref="ytIsShowForm"
        :showSearch.sync="showSearch"/>
  </div>
</template>

<script>
export default {
  name: "useYtIsShowForm",
  components: {},
  props: {},
  computed: {},
  watch: {},
  filters: {},
  data() {
    return {
      showSearch: true, // 是否显示
      showSetting: {
        name: "显示123",
        icon: 'el-icon-s-grid',
        color: 'red'
      },
      hideSetting: {
        name: "隐藏321",
        icon: 'el-icon-d-caret',
        color: 'green'
      }
    };
  },
  methods: {},
  created() {
  },
  mounted() {
  },
  destroyed() {
  },
};
</script>

<style lang="scss" scoped></style>