更新记录

1.0.5(2024-06-20)

优化

1.0.4(2024-06-18)

优化

1.0.3(2024-06-18)

优化

查看更多

平台兼容性

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-(.*))

// 主要示例-菜单下拉,这样写有点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>

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议

暂无用户评论。

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