问题标签 [card]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
926 浏览

flutter - 删除卡之间的空间

如何删除 之间的列空间Card

输出

d

0 投票
0 回答
190 浏览

list - SwifUI - 如何删除卡片样式的列表行背景颜色

我制作了一个卡片样式的列表行,效果很好。问题是列表行背景颜色仍然存在。我可以通过将其设置为 systemGray6 使其消失,但它对暗模式的适应性不是很好,而且很可能有更好的方法来做到这一点。

卡片视图:

列表显示:

图片:(“WATCHED”中的预期行为和“NOT WATCHED”中的不正确行为

在此处输入图像描述

0 投票
3 回答
49 浏览

flutter - 我在 Flutter 中有一个凸起的按钮,该按钮已溢出

我有一张卡片和一个容器。在卡片里面,我有一个容器,容器有行和列。在最后一列,我有一个从卡上溢出的按钮。

请检查图像,我的代码逻辑太多,这就是为什么我无法分享我的完整代码。这对任何人来说都太难理解了。

图片

这是我的代码:

0 投票
1 回答
34 浏览

javascript - 鼠标进入物品卡

请帮忙看代码!我需要将鼠标悬停在带有购物车的按钮上,它添加了一个类和 svg 类,而带有收藏夹的按钮也添加了一个类。反之亦然 - 将鼠标悬停在您的收藏夹上,带有购物车的按钮被隐藏

0 投票
1 回答
36 浏览

flutter - 在 FIutter 中:登录和注册都有一个屏幕,当我在它们之间切换时,我未能使卡的高度灵活

  • 这是主屏幕,上面有 AuthCard 小部件,用于在登录和注册之间切换。
  • 在包含布尔值(_isLogin)的小部件下方,我需要的是当我选择登录卡的高度为 deviceSize.height*.35 以及当我使用 Signup 为 deviceSize 时。

这是我用来在登录和注册之间切换的方法:

0 投票
0 回答
944 浏览

flutter - 如何使用 GroupedListView/ListView.builder 对卡片中的 listTiles 进行分组?

我试图实现的目标:我尝试创建一个GroupedListView按日期对项目进行分组的位置(到目前为止,GroupedListView小部件非常好),然后我想在一张卡片中显示分组的项目。(请参阅所附图片以获得所需的结果,在此处输入图像描述)。问题是项目构建器为每个项目创建了一张卡片,但我找不到将具有相同日期的所有项目放在一张卡片中的方法。有什么建议吗?我在这个主题上找到的最接近的讨论是here(What is the best practice to group items into CardView?),但我不知道如何将它应用到 Flutter。非常感谢您的帮助!

出于说明目的,我从 pub dev 复制/粘贴示例代码(请参阅https://pub.dev/packages/grouped_list#-example-tab-)。如官方示例所示,每个项目都有自己的卡片。这就是我被困的地方......

0 投票
1 回答
438 浏览

microsoft-teams - 可操作消息(消息卡)输入值替换在 Microsoft Teams 中不起作用

我有一个问题,我无法从 Microsoft Teams 中的消息卡文本输入中检索值,但相同的 JSON 模板实际上适用于Message Card Playground

我的 Microsoft Card 实现的简要概述。我必须使用 MessageCard,因为我正在使用连接器(传入 webhook)将卡片发送到 Microsoft Teams。因此,输入值替换语法参考消息卡参考- {{<id of input>.value}}。当我在 TEAMS 中时,在我的消息卡中使用此语法没有得到任何价值。例如,用户填写了一个文本框,并且该值未被捕获或无法使用此语法检索。

我使用的卡如下:

注意:你可以看到有"summary": "{{ctx.monitor.name}}",它是来自 Kibana(一个数据可视化工具)的一个属性。这个值是有效的,但这不是我们的重点。我的问题是我无法从 {{comment.value}} 获得任何值,它是一个空字符串。

我的问题是:

  1. 这是来自 MSFT Teams 本身的限制吗?
0 投票
1 回答
1343 浏览

html - 使用 bulma 卡的 CSS 样式

我确实有以下 HTML 输出:

在此处输入图像描述

所以,你可以看到页脚不匹配......

我的 CSS 组件如下所示:

.card-equal-height.card-footer这部分无法正常工作。我希望页脚与订单卡匹配,无论描述有多长。

html:

0 投票
1 回答
623 浏览

javascript - 单击按钮后如何显示下一张卡片并再次单击并再次显示下一张卡片到最后一张卡片并使用jquery提交?

在此处输入图像描述

我预期的结果

我想要的是能够生产出像这样的东西......

但是为什么如果我执行的 jquery 中的 else 不能像图片中那样工作呢?

这在我的 html 代码中

这是我的 css(less) 代码

jQuery

https://codepen.io/kucingompong-cp/pen/abNmBzQ

0 投票
1 回答
182 浏览

reactjs - 如何使卡片组件与 react-split-pane 组件一起使用?

是我的代码。

我的问题是,如何在不使用 h-100 类的情况下使用卡片组件来填充 SplitPane 的第一个窗格?

这是因为当我在 Card 组件中使用 h-100 类时,当用户在移动平台上点击输入框时,它会破坏布局。

我尝试使用“flex-grow-1”类来解决问题,但是它不起作用。

除此之外,我不确定 react-split-pane 是否有自己的方向更改事件处理方法。如果是这样,请告诉我。