JSX
【全局,安全,自定义】自定义COCO
xjwangdage- 0
- 5
- 0
【二碾列表框】论坛列表框-小米
README
论坛列表框-小米 手册
介绍
论坛列表框-小米是一款CoCo编辑器的可见控件，可以快速构建一个精美的论坛样式列表框，样式类似小米论坛。
您可在CoCoQ群中获取，目前最新版为先行版。
😍 我们的特色：
🌺 全面碾压列表框，专为论坛设计
🌻 精美卡片样式，清爽美观
🌸 直接读写数据，高效便捷
🌹 积木操作滚动，更多玩法
🍂 有点赞评论位，方便互动
🍁 可解析HTML，无限创意
🍀 自定头衔颜色，多彩标识
🌾 可放多张图片，缤纷呈现
🌵 不断更新优化，未来更好
示例作品
积木总览
使用教程
快速入门
使用添加单行+快速生成积木，即可创建一行信息。例如：
这步应该能让您大致了解数据读写积木的使用。
提示：有些控件没有配置快速生成类积木，您可以将快速生成积木替换为字典积木来使用。
使用教程
数据属性
数据属性是一个每项都是字典的列表
（[{text:'Hello'...},{},{}...]），控件根据其来进行渲染。
注：后文将数据属性的列表项简称为数据项
数据项
数据项是字典格式，快速生成类积木和字典积木都会返回一个字典，您可以使用它们向控件新增数据（见快速入门篇）。
数据项参数指的是这个字典里应该填什么、怎么填。
每个控件的数据项参数都不同，您需要浏览控件文档来获取控件需要的参数。例如：聊天框-轻蓝 手册 的参数章节。
读写数据积木
对数据进行快捷读写，渲染结果会跟随数据的变动，实时更新。
滚动积木
滚动和获取当前滚动数据。
快速生成积木
根据提示填入信息，快速生成一个对于控件来说正确的数据项。例如：
有些控件可能没配置此类积木，您就只能用字典来。
常见用法为放入添加单行积木中，快速添加一行信息。
错误检查
本类控件的问题大多是：控件白屏，渲染不出来 原因大多是：数据项错误 所以请对照文档，检查您的某个数据项是否出现以下问题：
- 必填项没填
- 属性单词拼错
- 值类型错误，如：列表类型写成字符串；选项类型写成错误的选项
即使是一个数据项出现了很小的错误，也可能导致整个白屏！请照着文档仔细检查！ 如果您想在群里问问其他人，请提供尽量多的有用信息，别说废话！例如：
- 多调试调试你的积木，可能删掉一个你刚添加的积木，BUG就没了
- 提供出错控件的屏幕截图以及你编写的相关积木
- 要是能发现是具体点的哪一块积木造成的BUG，向群友说明，那就更好了，越详细越好！
- 打印一下数据，把输出结果截图发出去（尽量让数据少一些，会让别人更好查找出错的地方）
- 用后文提到的出错事件查看报错信息，或F12控制台里找找报错，发出去（右图就是出错事件提供的报错信息，意为某个数据项缺少"头像"属性）
提示：您可以换用快速生成类积木来新增数据。
渲染错误一般会报错在F12控制台，您可以查看并自行诊断，
有的控件也提供了渲染错误事件，可以帮助您更快速的检查错误。例如：
如果还是不行，可能是控件出了BUG，可以联系控件作者。
小技巧
插入图片/视频/音频/超链接等
如果控件支持富文本(解析HTML)，就可以通过HTML元素来展示图片/视频/音频/超链接等。
将类型改为富文本，在文本中插入以下内容即可使用：
图片：<img src="图片链接">
视频：<video controls src="视频链接"></video>
音频：<audio controls src="音频链接"></audio>
超链接：<a href="链接">显示文本</a>
还有很多有趣的HTML元素，
如<b>粗体文本、<i>斜体文本、<del>删除线文本等等，
可以在菜鸟教程中学习使用。
提示：快速生成HTML元素控件可以快速生成这些元素， 可在点鸭控件商城中下载。
更多需查看轻蓝超级框架·通用教程来学习使用。
特有属性
空时显示骨架屏 开启后，无数据时会显示骨架屏，也就是加载动画。 如造成编辑器卡顿，可以默认隐藏控件，并添加积木：在打开屏幕时显示。 调试器 注：有些版本中可能没有此选项。 此选项为了方便调试。 开启后，在F12控制台输入
'this.d' + 控件ID会返回控件内的this数据，可以在其中查看控件属性、调用控件内置方法等。
数据参数
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| 头像 | string | ||
| 昵称 | string | ||
| 头衔 | string | ||
| 头衔色 | color default primary success warning danger |
default |
|
| 头衔填充 | 'solid'填充 'outline'边框 |
solid |
|
| 类型 | 文本类型 | '纯/富' |
'纯' |
| 文本 | string |
||
| 图片 | 图片列表 | array |
|
| 时间 | string | ||
| 点赞 | string | ||
| 评论 | string | ||
| 点赞色 | color | #0E151C |
|
| 评论色 | color | #0E151C |
开源协议
https://gitee.com/xjwangdage/coco-control/blob/master/LICENSE
下载
文档作者：XJ王大哥
Markdown排版：小圳
在排版时可能对内容进行了改动
原文链接：https://xjwangdage.feishu.cn/wiki/GH69w1MSLiVCetkBZQNcJypxnmg
历史版本
- 20230911130845
- 20230915172306
- 20230915173528
- 20230915173537
- 20230915173700
- 20230915173701
- 20230915173703
- 20230915173704
- 20230915173706
- 20230915173709
- 20230915173712
- 20230915173716
- 20230915173722
- 20230915173736
- 20230915173740
- 20230915173741
- 20230915173802
- 20230915173804
- 20230915173806
- 20230915173811
- 20230915173818
- 20230915173821
- 20230915173832
- 20230915174120
- 20230915174215
- 20230915174301
- 20230915174304
- 20230915174306
- 20230915174310
- 20230915174332
- 20230915174334
- 20230915174336
- 20230915174338
- 20230915174341
- 20230915174342
- 20230915174345
- 20230915174348
- 20230915174349
- 20230915174351
- 20230915174355
- 20230915174357
- 20230915174402
- 20230915174405
- 20230915174406
- 20230915174409
- 20230915174411
- 20230915174449
- 20230915174454
- 20230915174457
- 20230915174500
- 20230915174503
- 20230915174505
- 20230915174506
- 20230915174513
- 20230915174515
- 20230915174517
- 20230915174521
- 20230915174523
- 20230915174524
- 20230915174525
- 20230915174555
- 20230915174557
- 20230915174647
- 20230915174649
- 20230915174650
- 20230915174657
- 20230915174658
- 20230915174659
- 20230915175601
- 20230915175603
- 20230915175606
- 20230915175608
- 20230915175609
- 20230915175619
- 20230915175621
- 20230915175622
- 20230915175629
- 20230915175641
- 20230915175644
- 20230915175647
- 20230915175648
- 20230915175710
- 20230915175723
- 20230915175725
- 20230915175727
- 20230915175730
- 20230915175734
- 20230915175745
- 20230915175748
- 20230915175752
- 20230915175754
- 20230915175756
- 20230915180022
- 20230915180027
- 20230915180028
- 20230915180029
- 20230915180033
- 20230915180035
- 20230915180038
- 20230915180039
- 20230915180135
- 20230915180137
- 20230915180140
- 20230915180145
- 20230915180146
- 20230915180148
- 20230915180152
- 20230915180155
- 20230915180156
- 20230915180201
- 20230915180202
- 20230915180206
- 20230915180253
- 20230915180259
- 20230915180300
- 20230915180603
- 20230915180838