更新记录
1.0.0(2024-02-05)
无
平台兼容性
需要帮助可直接联系qq2786885584
啰嗦一下
- 自己做自己用方便引用,后续会增加插件一步一步完善
示例网址
必看提醒
- 仅支持微信小程序
传参
参数 类型 说明 list Arrow 列表数据 @get_kefu Function 点击方法 btn solt 底部按钮插槽方法 使用方式
示例
<template> <view> <kf-page-help :list="list" ref="refhelpcenter" color="#8cdc79" @click="cikCell"> <template v-slot:btn> <view class="helpsubmit" @click="get_kefu"> <view class="">联系客服</view> </view> </template> </kf-page-help> </view> </template> <script> export default { data() { return { list: [ { type_name: '第一个', list: [{ content: '少时诵诗书所所所所所所所' }, { content: '少时诵诗书所所所所所所所' }, { content: '少时诵诗书所所所所所所所' }, { content: '少时诵诗书所所所所所所所' }, { content: '少时诵诗书所所所所所所所' }, { content: '少时诵诗书所所所所所所所' }, { content: '少时诵诗书所所所所所所所' }, { content: '少时诵诗书所所所所所所所' }, { content: '少时诵诗书所所所所所所所' }] }, { type_name: '第二个', list: [{ content: '少时诵诗书所所所所所所所' }] }, { type_name: '第三个', list: [{ content: '少时诵诗书所所所所所所所' }] }, { type_name: '第四个', list: [{ content: '少时诵诗书所所所所所所所' }] }, { type_name: '第五个', list: [{ content: '少时诵诗书所所所所所所所' }] } ] } }, methods: { cikCell(index, idx) { console.log(index, idx) }, get_kefu() { }, } } </script> <style lang="scss" scoped> .helpsubmit { bottom: 58rpx; width: 408rpx; height: 90rpx; border-radius: 100rpx; background: #8cdc79; box-shadow: 0rpx 6rpx 12rpx #8cdc79; position: fixed; transform: translateX(-50%); left: 50%; display: flex; align-items: center; justify-content: center; color: #ffffff; image { width: 37.5rpx; height: 36.73rpx; margin-right: 12rpx; } } </style>