更新记录

1.0.0(2025-03-10) 下载此版本

初次版本


平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.93 app-vue × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序 鸿蒙元服务
× × × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

zmt-header

组件可灵活扩展,随便调整。

使用方法:

配置easycom规则后,自动按需引入,无需import组件,直接引用即可。


<template>
    <view class="left clearfix bai">
        <zmt-header backgroundColor="#00c296" leftFont="创作" :isShowBack="true" @clickHeaderIcon="clickHeaderIcon"></zmt-header>
    </view>
</template>

<style scoped>

</style>

<script>
    export default {
        data() {
            return {

            }
        },
        methods: {

        }
    }
</script>

插件属性

属性 类型 默认值 说明
backgroundColor String #081012 背景色
leftFont String 创作 显示文本
leftFontSize Number 35 文本字体大小35px
isShowBack bool false 是否显示返回图标
leftFontAlign String left 文本对齐方式
rightIcon array object 右侧图标列表,最多两个

右侧图标rightIcon说明

属性 类型 默认值 说明
icon String icon-wodezuopinxueshengzuopin-moren 图标的type值,必须为阿里巴巴图标
event String -- 点击图标返回给clickHeaderIcon事件的值
size Number 22 图标大小

插件事件

属性 类型 默认值 说明
@clickHeaderIcon EventHandle 点击图标触发,会将event的值返回。

二次开发说明

代码简单,随意二次开发,找到根文件编辑就可以了。

隐私、权限声明

1. 本插件需要申请的系统权限列表:

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

插件不采集任何数据

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

许可协议

MIT协议

暂无用户评论。

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