<!--
注意：具有交互功能的说明文档，需要有<script></script>标签，在标签元素中定义需要导出的vue实例。
在:::demo ::: 代码块中定义的模版<template></template>会作为导出的vue实例的模版，但是在代码块中的<script></script>中的内容仅作为展示，需注意。
-->
<script>
export default {
  data () {
    return {
      value: '测试测试',
      show:{layerCtroll:false}
    }
  },
  methods:{
        enlarge:function(){
          alert('放大')
        },
        narrow:function(){
            alert('缩小')
        },
        clear:function(){
            alert('清除')
        },
        measure:function(){
            alert('测量')
        },
        reset:function(){
            alert('还原')
        },
  }
}
</script>
## Toolbar
介绍toolbar的使用
:::demo
``` html
<template>
  <jy-toolbar @enlarge="enlarge" @narrow="narrow" @clear="clear" @measure="measure" @reset="reset"  :show="show"
  ></jy-toolbar>
</template>
<script>
export default {
  data () {
    return {
      value: '测试测试'
    }
  }

}
</script>
```
:::
