更新记录

1.1.7(2024-08-02)

优化菜单下拉插槽设置,调整气泡组件

1.1.6(2024-08-01)

优化菜单下拉,增加当前下拉项重置按钮

1.1.5(2024-07-09)

优化

查看更多

平台兼容性

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

mc-ui

脚本中的许多方法,需要自己根据情况修改,不提供js

一、引入

// pages.json

"easycom": {
    // 下载安装的方式需要前面的"@/",npm安装的方式无需"@/"
    "^m-(.*)": "@/uni_modules/mc-ui/components/m-$1/m-$1.vue",
},

二、使用(m-(.*))

1、下拉菜单

// 主要示例-菜单下拉,这样写有点bug
<view style="position: sticky;box-shadow: 0px -1px 13px -7px #999;">
    <m-dropdown ref="uDropdown" titleSize="14px" menuIconSize="14px" height="40" :style="{'overflow': stickShow ? 'hidden' : ''}" @open="stickShow = false" @close="stickShow = true">
        <m-dropdown-item :title="DropDowmMenu_Date['DateTitle'] || '日期'">
            <m-date-time :InitData="DropDowmMenu_Date" @DateSubmit="DateSubmit"></m-date-time>
        </m-dropdown-item>

        <m-dropdown-item v-model="value2" :title="DropDowmMenu_test['Title'] || '测试'" :options="options2"           @change="changeValue">
        </m-dropdown-item>
    </m-dropdown>
</view>

因为项目中布局问题,使用sticky导致我的下拉刷新出毛病,所以换一个定位方法,这样既不会阻挡组件使用,也不会阻碍其他操作。

<view style="height: 40px;position: relative;width: 100%;">
    <view style="position: absolute;top: 0;left: 0;width: 100%;background-color: #fff;">

        <m-dropdown ref="uDropdown" titleSize="14px" menuIconSize="14px" height="40" :style="{'overflow':               stickShow ? 'hidden' : ''}" @open="stickShow = false" @close="stickShow = true">
            <m-dropdown-item :title="DropDowmMenu_Date['DateTitle'] || '日期'">
                <m-date-time :InitData="DropDowmMenu_Date" @DateSubmit="DateSubmit"></m-date-time>
            </m-dropdown-item>

            <m-dropdown-item v-model="value2" :title="DropDowmMenu_test['Title'] || '测试'"                               :options="options2" @change="changeValue"></m-dropdown-item>
            </m-dropdown>
    </view>

</view>

2、pda激光扫码组件(广播)

// listen-name 监听器名称
// setContent  pda 广播动作、广播标签定义

<m-pda-scancode :setContent="{action:'xxxx',extra:'xxxx'}" listen-name="myScanEventName"></m-pda-scancode>

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议

暂无用户评论。

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