问题标签 [emotion]

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 回答
148 浏览

css - Emotion css styled 使用与示例相同的代码给我错误

我正在尝试在我的 React 测试项目中使用Emotion.sh ,但使用与示例中相同的代码时出现以下错误

需要考虑的可能有冲突的事情: 1. 我使用的是 npm,现在我使用的是 yarn;2. 我已经有一个小项目,我只更改了我的 App.js 以适应与示例完全相同 3. 我对这一切都很陌生=]

在此处输入图像描述

0 投票
1 回答
1219 浏览

javascript - 使用“Content-Type:application/octet-stream”类型的数据调用 Microsoft Azure Emotion API 时获取“状态代码:400 错误请求”

我正在尝试以Content-Type: application/octet-stream.

我通过调用从画布中获取图像的 Base64 字符串canvas.toDataURL('image/jpeg', 0.1);(我也尝试用 1、0.5、0.2 调用它,只是为了检查它是否有效并停止给我错误)

然后使用那个 Base64 字符串,我调用 EmotionService 的getUserEmotion方法。

我按照这个答案中提到的说明,使用 Angular 的 HttpClient 进行 AJAX 调用。这是我的服务的样子:

这是我的网络选项卡对于请求的样子:

在此处输入图像描述

以下是我的问题:

  1. 在我关注的 SO Answer 中,他们还指定我应该processData:false为我的 AJAX 调用设置选项。但我不确定如何使用 Angular 的HttpClient.
  2. 请求有效负载中的data字段也为空。但是当我调试时,我从方法中得到了正确的 Blob 对象makeBlob。为什么会这样?
0 投票
3 回答
19718 浏览

javascript - Emotion CSS-in-JS - 如何根据组件道具添加条件 CSS?

我想要一个用Emotion设置样式的组件,它采用最终控制样式的道具。例如,考虑一个GridCol具有各种改变填充和宽度的道具的组件(宽度可以在不同的视口宽度上改变)。

我想使用这样的 API:

这里发生了三件事:

  • thegutter是一个布尔属性,它为列添加一些水平填充
  • sizeprop 可以是字符串或对象。如果它是一个字符串,我们只需添加几行 CSS 就可以了,但是,如果它是一个对象,我们需要根据在别处设置的断点对象插入一些媒体查询。

Emotion 的文档不清楚如何处理这种性质的样式,至少我没有看到它,所以我希望能找到一个通用的解决方案。

对于gutter道具,这是微不足道的:

对于size道具,它变得更加复杂,我希望生成的 CSS 看起来像这样:

这些width值将由 prop 的 key 确定,它对应于breakpointsobject 中的一个 value,这部分并不简单,但我不知道如何动态生成所需的 css。

我确信我可以添加更多信息,我已经做了一些尝试,但目前没有一个有效。我的感觉是我应该创建一个无状态功能组件,为每个条件生成 css,然后在最后加入 css..

0 投票
0 回答
134 浏览

c# - VideoDetector.start 抛出异常“初始化失败,数据文件夹无效”

VideoDetector 在调用Detector.start()方法时抛出以下异常。

初始化失败,数据文件夹无效

我的 classifierPath 设置正确为C:\Program Files\Affectiva\AffdexSDK\data

我错过了什么吗?

代码:

0 投票
0 回答
50 浏览

objective-c - Affectiva 从文件 macOS 中检测情绪

我正在尝试制作一个 macOS 应用程序,该应用程序可以使用驱动器中的文件从图片中检测情绪。我在以正确方式向“usingFile”添加路径时遇到问题。目前 Xcode 显示错误:“使用未声明的标识符 'path'”。

Affdex-SDK 的文档:http: //affectiva.github.io/developerportal/pages/platforms/v4_0_0/ios/classdocs/interface_a_f_d_x_detector.html

0 投票
2 回答
6419 浏览

css-modules - 使用 Next.js 渲染 normalize.css + 情感样式

我正在尝试将 Normalize.css 添加为全局并为我的 CSS 模块使用情感。

首先我的.babelrc

添加 Normalize.css

在我的_document.js我添加了规范化

与此处显示的相同

用 Emotion 添加我的 css 模块

与此处显示的相同

问题

错误:样式表:insertRule只接受字符串。在 StyleSheet.insertRule (/home/riderman/WebstormProjects/tmp/node_modules/styled-jsx/ dist/lib/stylesheet.js:125:7) at /home/riderman/WebstormProjects/tmp/node_modules/styled-jsx/dist/stylesheet-registry.js:88:29 at Array.map (native) at StyleSheetRegistry.add (/home/riderman/WebstormProjects/tmp/node_modules/styled-jsx/dist/stylesheet-registry.js:87:27) 在 JSXStyle.componentWillMount (/home/riderman/WebstormProjects/tmp/node_modules/styled-jsx/dist/ style.js:58:26) 在 ReactDOMServerRenderer 解析 (/home/riderman/WebstormProjects/tmp/node_modules/react-dom/cjs/react-dom-server.node.development.js:2616:12)。

添加

在此处查看源代码

https://gitlab.com/problems/test-emotion-plus-global-nextjs

0 投票
3 回答
423 浏览

javascript - 在 react-emotion 或 styled-component 中获取组件

然后如果我渲染这个组件并使用component.type,我会得到styled()...函数而不是Field组件。

我如何Field进入风格化的功能?

0 投票
1 回答
2301 浏览

css - 如何在 Emotion 中将十六进制颜色转换为 rgba

我正在将我的应用程序的样式从 Less 转换为Emotion

在 Less 中,我的样式如下:

在转换为 Emotion 时,我正在这样做:

但是它不起作用。

在此处输入图像描述

有什么建议可以完成这项工作吗?

0 投票
1 回答
3666 浏览

reactjs - 检测链接是否在反应中处于活动状态的道具

我有一个NavLink有子组件

LikeactiveClassName链接处于活动状态时附加,我需要检测此链接是否处于活动状态并向其子组件发送道具Icon

有点像<Icon color={linkisActive?'red':'blue'}/>

0 投票
2 回答
3966 浏览

reactjs - Material-ui 覆盖反应情感规则

在我的项目中,我使用 Material-ui 组件和 react-emotion。

让我举一个有问题的例子。我有这个元素:

在哪里

这样我就可以用 0 覆盖 CardHeader 的默认填充(16px),这是我的意图。

在开发模式下,一切都按预期工作,但在生产中,填充:0 规则被默认填充 16 像素覆盖。

发生这种情况的原因是在开发模式下,样式是动态添加到标题中的。首先是 Material-UI 样式,然后是情感样式。像这样: 发展模式

但在生产中,风格是相反的

生产方式

这就是在生产模式中覆盖样式的原因。

Material ui 对此 https://material-ui.com/styles/advanced/#css-injection-order进行了解释

但是通过提出的解决方案,我无法更改情感的顺序,并且材料-ui 样式是有序的。我只能更改材质ui并将其进一步向下移动

任何人都知道如何解决这个问题?