HlsToolBar.md

# hlsToolBar
-------------
hlsToolBar菜单栏标签，通常与<h:hlsButton>一起使用，固定于页面的底部，不随滚动条变化而变化。


##### xml配置

```xml

 <!--h:为命名空间,必须要加的;treeList为组件名;id可写可不写-->

<h:hlsToolBar>
	<h:hlsButton click="TEST5" text="测试" />
</h:hlsToolBar>

```



#### **一般属性**

> **提示:**
该标记通常作为一个容器，固定于页面底部，一般只对其样式进行修改。

属性名 | 类型
-------- | ---
hlsStyle| String
hlsClassName | String



用法示例：



```javascript
//注意是写在script标签里的内容
function TEST5(){
    ...
}
 
```


```xml
<h:hlsToolBar hlsStyleClassName="test-class" hlsStyle="backgroud-color:blue">
    <h:hlsButton click="TEST5" text="测试" />
</h:hlsToolBar>

hlsStyleClassName:css类样式名字
hlsStyle:css样式
click:点击事件调用的方法名
text:按钮的文字说明
```

> **提示:**

> - 每个hls开头的标签都有hlsClassName和hlsStyle属性，因为有的标签主要说明其功能，所以没强调。