cost 327 ms
反应响应式设计背景 colors 与桌面不同 - react responsive design background colors aren't the same as desktop

我正在开发一个网站并想让它响应。 我在背景颜色方面遇到了一些问题。 我看到了我想要的页面,但是在将它部署到 firebase 并在手机上查看它之后,背景 colors 发生了巨大变化。 第一张图是结果,第二张图是我想要的样子。 有任何想法吗? 我正在使用反应和脉轮用户界面。 ...

我如何在所有组件中使用 Chakra UI toast? - How can I use a toast of Chakra UI throughout all the components?

赏金将在 7 天后到期。 此问题的答案有资格获得+50声望赏金。 Snehil Agrahari想让更多人关注这个问题: 需要一种方法来实现所需的壮举当用户在我的反应应用程序中发出任何请求时,我试图显示警报。 问题是目前我正在为单独的组件使用单独的 toast 组件。 我应该如何在整个应用程序中 ...

我们可以从项目文件夹中的图像加载 Chakra Ui Avatar 吗? - Can we load a Chakra Ui Avatar from an image in the project folder?

我不知道如何从项目文件夹加载图像以用作 Chakra-UI Avatar。 src 属性好像只能带外链。 我正在处理的组件文件位于 src/Components/ 文件夹中,我要加载的图像位于 src/images 文件夹中。 为什么这不能渲染我的头像,有没有办法让它工作? ...

如果表单字符串输入为空 React,如何禁用按钮 - How to Disable Button if Form String Input is Empty React

如果输入文本为空或超过 150 个字符,我试图禁用表单上的提交按钮。 出于某种原因,如果输入大于 150 个字符,它就可以工作,但当它为空时就不能工作,我不确定为什么。 我已经尝试了一切,但我仍然被困住了。 我不确定是因为我使用的是 Chakra UI 还是其他原因。 先感谢您。 这就是我所拥有的: ...

成帧器运动 whileInView 在组件进入视口之前激活 - Framer motion whileInView activating before component is in viewport

我正在尝试使用 Framer Motion 制作一个简单的 animation,其中一个组件漂浮在其中并从左侧变为不透明。 该组件位于英雄部分的正下方,但在页面顶部时不会出现在视口中(英雄部分是整个视口高度)。 该组件与英雄部分位于单独的 div 中。 请注意,如果这与此有关,我正在使用 Chakr ...

我想创建一个水平滚动的View(ChakraUI) - I want to create a View that scrolls horizontally(ChakraUI)

我正在使用查克拉用户界面。 我想创建一个水平滚动的视图。 有一个组件可以显示/添加标签,如下所示。 像这样使用我想让标签排列的区域水平滚动。 我怎样才能做到这一点? 我知道这可以通过使用特定的 CSS 属性来解决。 但是,我对web前端技术不熟悉,所以不知道该怎么做。 我读过 overflow= ...

根据屏幕宽度在 UI 中使用 React 更改元素行为 - Using React change element behavior in UI based on screen width

我会写一些关于我的项目的信息。 框架: NextJs,低于版本 13 UI 框架: ChakraUI(使用预定义组件,主要是 Flex) 想法如下:我已经测试并确定了哪些屏幕尺寸应该需要 UI 上的元素行为更改,并决定编写代码来促进该功能。 做这样的事情,我将避免为每个页面/组件编写 @media ...

如何为单个 Chakra 标题元素中的文本设置不同的 colors - How to set different colors for text within a single Chakra heading element

我目前正在使用 Chakra UI 和 Typescript 构建一个网站。主标题的最后一个字与标题的 rest 颜色不同。 例如,在以下代码段中,C 的颜色应该不同于 A 和 B。 我已尝试通过多种方式解决此问题,包括拥有多个 header 元素并将它们与 flex 水平对齐。 但是,我发现此方 ...

如何在 React JS 中一起使用脉轮提供者和材料 UI? - how to use chakra provider and material UI together in React JS?

我们正在研究 flipkart.com 的克隆项目。我们正在团队中工作。所以我们已经分发了我们的作品。 其中一个人在使用 material UI 开发登陆页面,而我在使用 chakra ui 开发产品页面,但在合并应用程序后无法正常工作并产生不熟悉的错误。 所以,请提供一些解决方案,以便我们进行演 ...

如何在输入中正确接收数据数组 - How to correctly receive an array of data in input

我有一个编辑表单,其中有一个输入,用于发送一组数据。 但是,在编辑表单中,即使输入返回了一组要编辑的数据,它们也是单个值。 也就是说,如果我删除此输入中返回的数据,则所有数据都会被删除。 此外,输入中的名称都粘贴在一起。] 如果可能的话,我想尝试的是在编辑表单中以这种方式返回数据: 从那里,我可以 ...

Next JS 13 创建进度条 - Next JS 13 create Progress bar

我试图在我的 Next JS 13 应用程序目录中实现进度条。 但旧方法不起作用。 有没有办法让进度条工作? 我使用NextNProgress和NProgress包。 但他们都没有工作。 我什至尝试使用next/route和Chakraui progress 从头开始创建自己的。 但没有运气 这是我 ...


 
粤ICP备18138465号  © 2020-2025 STACKOOM.COM