更新记录

1.0.0(2024-06-20) 下载此版本

菜单按钮,可配置是否添加图标,文字颜色,文字内容,文字位置,是否展示可操作图标


平台兼容性

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

菜单按钮

开发文档

options

参数名 参数描述 参数类型 可选值 默认值
iconUrl 菜单图标,iconShow为true时生效 String
iconShow 是否展示图标 Boolean true/false true
textColor 菜单文字颜色 String 支持rgb,rgba格式 #333333
textAlign 菜单文字显示位置 String left/center/right left
menuText 菜单文字 String
navUrl 导航图标,navShow为true时生效 String 箭头
navShow 是否展示导航图标 Boolean true/false true

event

事件 描述 返回值
@fnClickMenu 点击事件

示例代码

页面部分

<template>
    <view class="ctn">
        <gy-cell-menu :textColor="textColor" :textAlign="textAlign" :iconUrl="iconUrl" :menuText="menuText"
            @fnClickMenu="fnClickMenu"></gy-cell-menu>
    </view>
</template>

js部分

<script setup>
    import {
        reactive,
        toRefs
    } from 'vue'
    import gyCellMenu from '@/uni_modules/gy-cell-menu/components/gy-cell-menu/gy-cell-menu'
    const data = reactive({
        iconUrl: '/static/icon/cell-menu.png',
        menuText: '单元格菜单',
        textColor: '#666',
        textAlign:'left'
    })

    const fnClickMenu = () => {

    }

    const {
        iconUrl,
        menuText,
        textColor,
        textAlign
    } = toRefs(data)
</script>

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议

暂无用户评论。

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