wx-sideslip

类似 QQ 通讯录侧滑

加入项目

npm 下载

npm i -S wx-sideslip
复制代码

使用

{"usingComponents": {"slide-slip": "wx-sideslip"}
}
复制代码

手动下载组件到项目 components 目录使用

{"usingComponents": {"side-slip": "/components/wx-sideslip/index"}
}
复制代码

使用

wxml

<side-slip height="120" show="{{true}}"><view slot="left" class="sideslip-content">哈哈</view><view slot="right" class="sideslip-right"><view class='sideslip-gray'>求助</view><view class='sideslip-red'>删除</view></view>
</side-slip>
复制代码

wxss

.sideslip-right {height: 120rpx;width: 340rpx;display: flex;
}
.sideslip-right view {flex: 1;display: flex;justify-content: center;align-items: center;color: #fff;height: 100%;
}.sideslip-content {background-color: #fff;
}.sideslip-gray {background-color: #ccc;
}.sideslip-red {background-color: red;color: #fff;
}复制代码

参数

选项名	类型	是否必填	默认值	描述
height	Number	是		组件显示区域的高度(rpx)
width	Number	否	视图宽度	组件显示区域的宽度(rpx)
slideWidth	Number	否	slot='right'插槽宽度	滑动显示区域的宽度(rpx)
out	Boolean	否	true	是否允许惯性越界
show	Boolean	否	false	初始状态是否侧滑
distance	Number	否	10	滑动生效间距值

其他小程序插件

wx-city-picker:小程序城市选择器，省市区三级联动
wx-slide-tabs:类似可滑动的新闻菜单栏

wx-sideslip：类似 QQ 通讯录侧滑相关推荐

PHP防QQ列表右划,react native 实现类似QQ的侧滑列表效果
如果列表行数据需要更多的操作,使用侧滑菜单是移动端比较常见的方式,也符合用户的操作习惯,对app的接受度自然会相对提高点.最近得空就把原来的react-native项目升级了侧滑操作,轻轻松松支持an ...
iOS开发之模仿qq通讯录
这篇文章主要整理一下项目中用到的类似qq通讯录的收缩功能. 我实现的思路是在tableview的header放置button,然后根据button是否选中来判断是否需要显示那一个section. 首先 ...
iOS开发之模仿qq通讯录源代码！
这篇文章主要整理一下项目中用到的类似qq通讯录的收缩功能. 图片描述我实现的思路是在tableview的header放置button,然后根据button是否选中来判断是否需要显示那一个sectio ...
android 手机号码去重,微信电话本和qq通讯录有什么不同？微信电话本常见问题汇总...
微信电话本可谓是QQ通讯录的全新升级产品,重新整合进微信团队后,不仅仅UI界面更加类似微信,且功能上可将联系人对应的微信头像导入通讯录中,还可以识别陌生号码,支持来电号码归属地显示等等.对很多从QQ通 ...
android 仿qq的侧滑删除功能
最近产品想让我们开发人员在收藏功能中添加一个类似qq侧滑删除的功能,说实话这个在网上一找一大把,但每个人都有每个人的方法 ,在借鉴前辈们的思路下,找到自己方法.我在adapter下添加一个回调接 ...
C#实现类似qq的屏幕截图程序
因为近来想写个类似于远程桌面监控的程序,该程序中要用到屏幕捕捉.为实现该程序的一部分功能,做了个小DEMO.程序很简单,用到的技术也不多,只能实现类似qq的截图功能(方法虽然很笨) 程序流程如下: 1 ...
.NET Winform也能画出类似QQ、飞信这样的窗口风格和控件效果
MPN企业宝智能升级程序界面采用.NET的Winform技术,并没有延续企业宝主程序的绘制界面技术--WPF.直接采用Winform实现类似QQ和飞信的窗口风格比较困难,WPF好在还有一个Blend设 ...
android 网络广播类似QQ动态检查网络
private ConnectivityManager mConnectivityManager; private NetworkInfo netInfo; 在onCreate 注册广播 I ...
java实现qq_java实现的类似qq聊天系统
[实例简介] java实现的类似qq的聊天系统,并且对数据进行了加密,包含网络安全相关的知识.可以作为毕业设计. [实例截图] [核心代码] WebSecurity └── WebSecurity ├ ...

wx-sideslip：类似 QQ 通讯录侧滑

wx-sideslip

加入项目

使用

参数

其他小程序插件

wx-sideslip：类似 QQ 通讯录侧滑相关推荐

最新文章

热门文章