更新记录

1.0(2020-04-03)

通过swiper实现的可拖动关闭子窗体


平台兼容性

使用说明

本插件为原生子窗体增益插件,可通过向下,向左,向右三个方向拖动关闭窗口。关于子窗体的配置和说明请参考官方文档 原生子窗体开发指南:https://ask.dcloud.net.cn/article/35948 原生子窗体API:https://uniapp.dcloud.io/api/window/subNVues

使用方式

在script中引用插件

import swiperSubnuve from "@/components/swiper-subnuve/swiper-subnuve.vue"
export default {
    components: {swiperSubnuve}
}

在子窗体中引用

<template>
    <view style="flex: 1;">
        <swiper-subnuve borderRadius="20rpx" direction="down" title="我是子窗体">
            <view slot="content">
                <!-- 此处填写布局代码 -->
            </view>
        </swiper-subnuve>
    </view>
</template>

属性说明

属性名 类型 默认 说明
title Stting null 子窗体标题
borderRadius String 0 圆角属性。要使用圆角请把子窗体背景色设置为transparent
backgroundColor Stting null 子窗体标题
direction String down down 向下滑动;left 向左滑动;right 向右滑动

Tips

如果在子窗体中有纵向滚动的需求,建议使用weex自带的li cell 组件,经过本人测试,只有这个组件才不会和swiper冲突

隐私、权限声明

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

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

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

许可协议

MIT协议

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