{"count":49,"list":[{"id":32,"cid":4,"uid":1,"top":1,"rec":1,"hot":0,"type":1,"album":"","thumb":"","title":"ICEUI框架使用案例征集","intro":"感谢大家对ICEUI的支持,如果您正在使用ICEUI框架或官方出品的js插件都可以在本区中回复,我们将这些案例放入官方案例中,也算变相的为您推广。请严格回复如下格式:使用:iceui (例如您使用的是iceui框架,那么这里填写iceui,如果是iceEditor富文本编辑器,就填写iceEditor)网址:https://iceui.cn(您的网址,尽量写清楚是http还是https)名称:ic","content":"
感谢大家对ICEUI的支持,如果您正在使用ICEUI框架或官方出品的js插件都可以在本区中回复,我们将这些案例放入官方案例中,也算变相的为您推广。
请严格回复如下格式:
使用:iceui (例如您使用的是iceui框架,那么这里填写iceui,如果是iceEditor富文本编辑器,就填写iceEditor)
网址:https://iceui.cn(您的网址,尽量写清楚是http还是https)
名称:iceui官方网站(官网名称或项目名称)
用户:张三(您的名字)
评价:iceui的设计很简约,比较喜欢,希望越做越好(您的评价)
官网平台加入社区功能,有什么问题可积极发言反馈哦~
\n发言请遵从网络安全法,同时为了维护一个美好的平台环境,禁止灌水,禁止发布一些没有意义不相关的帖子和言论,轻则警告,重则永久封号。
\n有任何问题请到 BUG反馈 区发帖。
","views":1142,"comments":1,"keywords":"","description":"","time":"2021-07-21 21:31:13","url":"/bbs/view/1","user":{"id":1,"gid":1,"openid":"","username":"ice","mail":"550396509@qq.com","code":"","post":4,"reply":41,"credit":0,"state":0,"login_ip":"106.114.66.222","ip":"106.117.89.4","login_time":"2025-07-15 10:57:53","time":"2021-07-21 09:44:08","group_name":"总管理","avatar":"/upload/avatar/1.jpg","url":"/user/1"},"category":{"id":4,"pid":0,"order":0,"type":"bbs","title":"官方公告","alias":"","intro":"","url":"/bbs/list/4"}},{"id":67,"cid":1,"uid":115,"top":0,"rec":0,"hot":0,"type":2,"album":"","thumb":"","title":"用不了getValue方法","intro":"this可以得到编辑器,为啥用不了getValue方法,只能.content.innerText方法,是版本问题吗?","content":"

this可以得到编辑器,为啥用不了getValue方法,只能.content.innerText方法,是版本问题吗?
","views":226,"comments":1,"keywords":"","description":"","time":"2024-12-09 01:28:03","url":"/bbs/view/67","user":{"id":115,"gid":5,"openid":"","username":"Capybara","mail":"l2720039938@qq.com","code":"","post":1,"reply":1,"credit":0,"state":0,"login_ip":"112.237.69.212","ip":"112.237.69.212","login_time":"2024-12-09 01:54:03","time":"2024-12-09 01:20:39","group_name":"普通会员","avatar":"/upload/avatar/115.jpg","url":"/user/115"},"category":{"id":1,"pid":0,"order":0,"type":"bbs","title":"BUG反馈","alias":"","intro":"","url":"/bbs/list/1"}},{"id":66,"cid":1,"uid":112,"top":0,"rec":0,"hot":0,"type":2,"album":"","thumb":"","title":"表格能不能有数量汇总显示","intro":"","content":"
纯技术小白,怕买了后不会就浪费了
","views":268,"comments":0,"keywords":"","description":"","time":"2024-08-21 08:42:57","url":"/bbs/view/65","user":{"id":111,"gid":5,"openid":"","username":"xu2190","mail":"admin@xu219.cn","code":"","post":1,"reply":0,"credit":0,"state":0,"login_ip":"218.23.121.91","ip":"218.23.121.91","login_time":"2024-08-21 08:39:51","time":"2024-08-21 08:39:38","group_name":"普通会员","avatar":"/upload/avatar/111.jpg","url":"/user/111"},"category":{"id":3,"pid":0,"order":0,"type":"bbs","title":"技术交流","alias":"","intro":"","url":"/bbs/list/3"}},{"id":64,"cid":3,"uid":104,"top":0,"rec":0,"hot":0,"type":1,"album":"","thumb":"","title":"请教一下各位先进达人,这个代码有什么问题吗?","intro":"我写了这样一段 代码,就是想将异步查询到的数据以table的方式显示 出来,但实际中并没有显示出任何数据。异步查询的文件及参数都是正确的,使用postmans可以查询出想要结果并以json格式的字符串返回。注释的data是我实际查询出的结果,如果以data 方式写,就可以以table方式显示。function r3_1(p) {\n ice.table({\n ","content":"我写了这样一段 代码,就是想将异步查询到的数据以table的方式显示 出来,
但实际中并没有显示出任何数据。异步查询的文件及参数都是正确的,使用postmans可以查询出想要结果并以json格式的字符串返回。
注释的data是我实际查询出的结果,如果以data 方式写,就可以以table方式显示。
function r3_1(p) {
\nice.table({
\nid: 'r3_table',
\ntype: 'post',
\nurl: 'mes/r3table.php',
\nparam: {
\n\"company\": \"005\",
\n\"sdate\": \"2024-04-01\",
\n\"edate\": \"2024-06-30\"
\n},
\n// data: [
\n// { 'Mod': 'ModName', 'Func': 'FuncName', 'Qty': '35393' }
\n// ],
\nthead: [
\n{ field: 'Mod', name: '模块名称' },
\n{ field: 'Func', name: '业务' },
\n{ field: 'Qty', name: '数量' },
\n],
\n});
\n}
\n预览:https://zhengbingdong.com/?key=iceui

list参数,查询到有数据时,返回的是
[{\"发货单号\": \"F2403010012\",\"发货日期\": \"2024-03-01 00:00:00\",\"制单人\": \"谢三\",\"产品编码\": \"123456\",\"产品名称\": \"装配件/003总成/E\",\"规格型号\": \"\",\"产品条码\": \"50517-003\",\"箱码\": \"20240227883\"}],里面已经包含了标题栏所需的数据 ,是否可以在thead有数据 时按thead生成标题,为空时按 list中的key生成?
","views":188,"comments":1,"keywords":"","description":"","time":"2024-03-22 14:30:50","url":"/bbs/view/61","user":{"id":104,"gid":5,"openid":"","username":"stdmis","mail":"xyyh@yeah.net","code":"","post":2,"reply":2,"credit":0,"state":0,"login_ip":"183.234.217.3","ip":"59.37.22.82","login_time":"2025-08-19 09:09:10","time":"2024-03-22 14:24:35","group_name":"普通会员","avatar":"/upload/avatar/104.jpg","url":"/user/104"},"category":{"id":3,"pid":0,"order":0,"type":"bbs","title":"技术交流","alias":"","intro":"","url":"/bbs/list/3"}},{"id":60,"cid":1,"uid":2,"top":0,"rec":0,"hot":0,"type":2,"album":"","thumb":"","title":"ice().append() 添加 tr会自动去除","intro":"ice().append() 添加 tr会自动去除tr\n \n 表格里面在最后一行添加tr:\n\n<table class=\"table\">\n<thead>\n<tr>\n<th>标题</th>\n<th>内容</th>\n</tr>\n</thead>\n<tbody>\n<tr&","content":"ice().append() 添加 tr会自动去除tr
\n\n 表格里面在最后一行添加tr:\n
\n<table class=\"table\">\n<thead>\n<tr>\n<th>标题</th>\n<th>内容</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>ICEUI</td>\n<td>唯美简约</td>\n</tr>\n</tbody>\n</table>\n
\n 按钮点击动态添加实现代码:\n
\nice('table tbody').append('<tr><td>1</td><td>2</td></tr>');\n\n 添加的只是 1,2 ,里面 tr 和td不添加
\n

使用upload文件上传,死活发现上传后的文件 list获取不到,
官方文档未介绍需要返回固定的接口字段名(建议文档上加上)
因为自己项目上传返回的结果是自定义的,自己手动写了半天自定义效果啥的,结果发现调试不出,怀疑到人生
最后按照案例中调试,看ui.js 源代码,和查看接口返回的字段格式,需要上传成功后返回的字段是固定字段 ,就可以正常返回


记录下,以便后续使用,调用正确的接口返回字段值,避免踩坑
","views":393,"comments":1,"keywords":"","description":"","time":"2023-11-05 22:21:57","url":"/bbs/view/59","user":{"id":2,"gid":5,"openid":"","username":"shandian","mail":"1002488466@qq.com","code":"","post":13,"reply":1,"credit":0,"state":0,"login_ip":"112.20.217.63","ip":"183.211.24.127","login_time":"2026-03-06 00:56:21","time":"2021-07-21 21:31:13","group_name":"普通会员","avatar":"/upload/avatar/2.jpg","url":"/user/2"},"category":{"id":1,"pid":0,"order":0,"type":"bbs","title":"BUG反馈","alias":"","intro":"","url":"/bbs/list/1"}},{"id":58,"cid":1,"uid":2,"top":0,"rec":0,"hot":0,"type":2,"album":"","thumb":"","title":"单选或者复选框盒子样式 和 box,选项卡 , Fieldset 有冲突 会不显示","intro":"正常显示的效果单独使用是正常显示盒子样式,但是如果放在box面板 里面 或者选项卡 或者 Fieldset 里面,样式就有冲突了,无法完整显示盒子样式,下面是放在fieldset里面显示异常的图片 ,放在box面板或者选项卡里面也是这样异常显示效果","content":"正常显示的效果

单独使用是正常显示盒子样式,但是如果放在box面板 里面 或者选项卡 或者 Fieldset 里面,样式就有冲突了,无法完整显示盒子样式,
下面是放在fieldset里面显示异常的图片 ,放在box面板或者选项卡里面也是这样异常显示效果

iceui 的样式和js 都引入了,动态给图片添加img-view 样式后,点击没有实现放大效果

①ui.js 文件需要提前引入

先展示下想要实现的自适应隐藏显示的效果图
\n\n
实现响应式的 显示和隐藏 ,文档示例看了一遍,好像没有发现此功能 ,iceui 可以考虑添加
\n\n

\n
\n
icecode 代码高亮,比较常见的功能是展示 和复制代码,
可以考虑添加一个复制按钮功能 ,点击复制按钮后友好弹窗提示代码已复制,
集成在 icecode.js 里面
初始效果:

希望改进后的效果展示:

估计站长没啥时间看社区了,自己改改吧
魔改是基于 光庆修改的版本,不过是单独的用的是【第一种使用方式-直接引用iceCode】且使用的jQuery,
此次魔改的是【第二种使用方式-如果项目中使用iceui前端框架,直接使用即可】,测试的是第二种使用方法,样式也都是ICeui的样式,用的是ice库,代码更加简洁
单独使用的未测试
将魔改文件解压到解压到iceui框架的code文件夹下
注意1:(单独使用的这个肯定不行,因为这个使用的ice.js库功能和iceui框架样式)
注意2:(如果使用魔改版,请提前备份自己iceui框架原code文件夹)
其他使用方式不变
使用演示:

效果演示:

点击复制后,提示消息( 有代码情况 ):

如果pre里面没有代码,提示无代码:

OK 也就这样了,支持页面多个代码框复制
","views":448,"comments":1,"keywords":"","description":"","time":"2023-10-24 10:23:44","url":"/bbs/view/55","user":{"id":2,"gid":5,"openid":"","username":"shandian","mail":"1002488466@qq.com","code":"","post":13,"reply":1,"credit":0,"state":0,"login_ip":"112.20.217.63","ip":"183.211.24.127","login_time":"2026-03-06 00:56:21","time":"2021-07-21 21:31:13","group_name":"普通会员","avatar":"/upload/avatar/2.jpg","url":"/user/2"},"category":{"id":1,"pid":0,"order":0,"type":"bbs","title":"BUG反馈","alias":"","intro":"","url":"/bbs/list/1"}},{"id":54,"cid":1,"uid":2,"top":0,"rec":0,"hot":0,"type":2,"album":"","thumb":"","title":"nav导航屏幕缩小到小尺寸后,然后在恢复到大尺寸 会不显示bug","intro":"nav导航 屏幕缩小到小尺寸后,然后在恢复到大尺寸 会不显示下面是视图(效果和官网比较类似):正常大尺寸(正常显示):缩小自适应尺寸( 正常显示 ):下面是异常的,将浏览器尺寸变为大尺寸,会不显示右侧导航栏( 异常图片 ):实现这个bug的场景还原步骤: 1: 大尺寸缩小为小尺寸 2. 点击 小尺寸屏幕右上角的 目录导航按钮 ,然后点击关闭导航3. 将浏","content":"nav导航 屏幕缩小到小尺寸后,然后在恢复到大尺寸 会不显示
下面是视图(效果和官网比较类似):



希望修复此bug,谢谢!!
习惯使用jQuery的 hover(鼠标进入函数,鼠标离开函数) 今天使用ice.js 发现没这个。要使用on(type,function) 来实现, 是否可以添加一个hover封装 (。◕‿◕。) (。◕‿◕。)

iceui 可以添加 取消边框样式
比如 border-top-0 类似的 这样单独控制取消上下左右的边框
","views":330,"comments":1,"keywords":"","description":"","time":"2023-10-19 17:01:44","url":"/bbs/view/52","user":{"id":2,"gid":5,"openid":"","username":"shandian","mail":"1002488466@qq.com","code":"","post":13,"reply":1,"credit":0,"state":0,"login_ip":"112.20.217.63","ip":"183.211.24.127","login_time":"2026-03-06 00:56:21","time":"2021-07-21 21:31:13","group_name":"普通会员","avatar":"/upload/avatar/2.jpg","url":"/user/2"},"category":{"id":1,"pid":0,"order":0,"type":"bbs","title":"BUG反馈","alias":"","intro":"","url":"/bbs/list/1"}},{"id":51,"cid":1,"uid":2,"top":0,"rec":0,"hot":0,"type":2,"album":"","thumb":"","title":"iceui box面板 添加footer 和默认title栏的圆圈图标不显示","intro":"比较习惯使用bootstrapt 4的card-footer , iceui是否可以添加iceui box面板 footer 栏 ,默认title栏的圆圈图标不显示","content":"比较习惯使用bootstrapt 4的card-footer , iceui是否可以添加iceui box面板 footer 栏 ,默认title栏的圆圈图标不显示
iceui 导航栏 nav-menu 问题 ,默认是在右边栏,是否可以手动设置 选择做边栏 或者 右边栏

