问题标签 [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 投票
1 回答
92 浏览

javascript - 如何在 CardActionArea 上方放置一个对象

我想知道如何在 CardActionArea 上方放置一个对象。例如,如果我在 CardActionArea 顶部有一个按钮,并且单击该按钮,则 CardAction 和 Button 操作将同时执行。我想这样做,如果我点击按钮,它只执行按钮动作,而如果点击卡片上的其他任何地方,它将执行 CardAction。

示例:请参见此处的图片

整张卡片都是可点击的,但是,例如,当点击删除按钮(标记为绿色圆圈)时,它会同时激活 CardAction 和按钮(删除)操作。

谢谢!

0 投票
1 回答
22 浏览

html - CSS轮播只一遍又一遍地显示最后一张图片

我正在尝试在我的项目中实现这个轮播。当我将我的 HTML 放入 codepen 时,它可以正常工作,但是当我将 css 放入我的项目中时,它只会重复显示第五张卡片。我认为它是将所有卡片放在一起,然后将它们全部循环一次,卡片 5 在上面。

我已经更改了卡片轮播的一些 CSS,但没有什么应该破坏它。是我的卡片样式导致了问题吗?还有什么?

感谢您提供任何帮助!

HTML:

CSS(我改变了一点)

0 投票
1 回答
321 浏览

reactjs - 引导卡在反应中没有水平排列

我的引导卡有问题,当我插入代码时,它们只是垂直排列,一个在另一个下方,我通过映射响应来做到这一点

在此处输入图像描述

有什么方法可以对齐它,使其彼此相邻?

0 投票
2 回答
131 浏览

html - 如何将 CSS 卡放在背景图像上

我正在为这张 CSS 卡苦苦挣扎,我想要它在背景图片上,但我不知道如何,我已经尝试过定位我不小心将背景图片放在标题中,但我将它更改为 div 但它仍然没有'不工作 有人可以帮忙吗?

忽略:Lorem ipsum dolor sit amet,consectetur adipiscing elit。在 facilis tortor id erat pellentesque sodales。Nulla ut pharetra lacus,nec facilisis 侵权。Morbi egestas, erat a tempus finibus, lectus sapien condimentum odio, ut pretium arcu magna sed leo。Faucibus orci luctus et ultrices posuere cubilia curae 中的前庭前庭;Sed id placerat orci, vitae laoreet sem。Praesent nulla lacus, interdum quis maximus at, ultricies laoreet orci。Praesent tempus eros ac fringilla aliquam。Fusce pharetra,mi eget aliquam vulputate,massa justo mattis arcu,in dictum quam libero a elit。Aliquam erat volutpat。Fusce 前庭 tincidunt commodo。Duis non mattis nisl,非 condimentum Tellus。Sed commodo aliquet augue vel tincidunt。Nunc eleifend nisi scelerisque odio fringilla, vel aliquet nisl imperdiet。Nulla ligula justo, sollicitudin a mollis non, viverra id odio。Pellentesque 居民 morbi tristique senectus et netus et malesuada 名声 ac turpis egestas

0 投票
2 回答
23 浏览

android - 当我想设置自定义颜色时,CardBackgroundColor 保持灰色,而默认颜色可以正常工作

当我想设置自定义颜色时,CardBackgroundColor 保持灰色,而默认颜色可以正常工作。

例如, Card.setCardBackgroundColor(R.color."customcolor") 不设置自定义颜色。颜色为灰色,而 Card.setCardBackgroundColor(Color.RED) 工作正常。

我试过了:

  • 在没有 Alpha 的情况下取色
  • 设置为 0dp 高度
  • Card.setCardBackgroundColor(color."customcolor")

没结果。

编辑 :

Card.setCardBackgroundColor(Color.parseColor("#FFFFFFFF")) 有效。但我必须对颜色进行硬编码。有更好的方法吗?

0 投票
1 回答
505 浏览

reactjs - 如何在鼠标悬停的情况下显示/隐藏antd卡中的额外部分?

我在我的项目中使用antd卡片。react我想extra通过鼠标悬停在卡片上来显示和隐藏卡片中的内容。

这是我的卡片:

我只想Download button在鼠标悬停卡片时显示。如何使用鼠标悬停控制extra部分的可见性antd card

0 投票
2 回答
1488 浏览

reactjs - 从 JSON 文件中动态显示 reactjs 图标图标名称

我有以下 json 文件,我保留了 Id、Intro、Icon 名称

我在可重复使用的卡片组件中使用React-Bootstrap-Icons,如下所示

这就是我循环 json 文件和显示卡片的方式

但我想把它带到下一个层次,即动态显示图标,从 json 文件中获取,目前它是静态的。

所以我只是试着这样说

但它首先显示编译错误。我可以知道是否有任何方法可以实现这一目标

0 投票
1 回答
529 浏览

message - 如何使用 webhook 更新或回复 Microsoft Teams 消息?

我已经搜索了文档,似乎找不到解决方案。我在 Microsoft Teams 频道中创建了一个 webhook,并使用本指南将消息发布到频道中:

https://docs.microsoft.com/en-us/microsoftteams/platform/webhooks-and-connectors/how-to/connectors-using#post-a-message-to-the-webhook-using-curl

这很好用,但我还想发出另一个 cURL 请求来更新消息。这甚至可能吗?我有哪些选择?

我认为“correlationId”字段将是为我的消息创建唯一标识符的解决方案,但它似乎并没有那样工作:

https://docs.microsoft.com/en-us/outlook/actionable-messages/message-card-reference#card-fields

0 投票
0 回答
19 浏览

google-apps-script - dblclick SelectionInput 卡片脚本服务

双击选择输入复选框只会触发一次“setOnChangeAction('functionName')”,但它会适当地更新卡片 UI 复选框;如果选中该框,然后双击该框,则该框将在视觉上显示为选中状态,但只会触发一次操作功能,因此后端与卡片状态不匹配。有什么技巧可以解决这个问题吗?谢谢。

0 投票
2 回答
36 浏览

html - 为什么产品卡进入页脚?

这是我的代码:

https://codepen.io/malyikaj/pen/QWKNVzN

我的页脚也没有扩展到视口的全长。我的产品卡一直到页面底部。有任何想法吗?