ToolBar 工具栏

工具栏组件,组件名:cmd-tool-bar,代码块: cmdToolBar。

使用方式:

script 中引用组件

import cmdToolBar from "@/components/cmd-tool-bar/cmd-tool-bar.vue"
export default {
    components: {cmdToolBar}
}

用法在内容区加入样式避免覆盖:padding-top: 114upx;margin-top: var(--status-bar-height);

<cmd-tool-bar title="标题"></cmd-tool-bar>
<cmd-tool-bar background-color="linear-gradient(to right, #12c2e9, #c471ed, #f64f59)" iconOne="menu" iconTwo="share" iconThree="reload" iconFour="help" title="基本"></cmd-tool-bar>
<cmd-tool-bar back  background-color="bule"></cmd-tool-bar>

属性说明:

属性名 类型 默认值 说明
fixed Boolean true 固定到页面顶部
back Boolean false 工具栏返回按钮,默认点击返回上层
title String Title 工具栏标题
font-color String - 文字图标颜色
background-color String - 工具栏背景颜色
icon-one String - 图标一不可与返回按钮同显
icon-two String - 图标二
icon-three String - 图标三,须显有图标二
icon-four String - 图标四

事件说明:

事件名称 说明
iconOne 点击 图标一 触发事件
iconTwo 点击 图标二 触发事件
iconThree 点击 图标三 触发事件
iconFour 点击 图标四 触发事件

隐私、权限及商业化声明

1. 本插件需要申请的手机端权限列表:

2. 本插件采集的手机端数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问