如何在 Material Design 3 中使用自定义颜色？
昨天我将我的应用程序从 MD2 升级到 MD3，一切正常。但我还是不太明白MD3中的自定义颜色。 问题 我什么时候应该使用自定义颜色？真正的我们是什么...
为什么 Jetpack Compose Material 3 Card 可组合项的内容需要 ColumnScope？
我正在使用 Jetpack Compose，最近注意到 androidx.compose.material3 包中的 Card 可组合项要求其内容在 ColumnScope 中提供。具体来说，
为什么BottomSheet的背景颜色与Flutter中Material 3中设置的颜色不一样？
我正在使用材质 3 并打开 BottomSheet，如下所示： 显示ModalBottomSheet( 上下文：上下文， 背景颜色：颜色.白色， ... 然而，背景并不是 100% 白色 - 它看起来像......
我在我的项目中使用Ant设计。对于文件上传，我使用 Ant Design 的 Dragger。 问题是，当我设置 multiple = false 和 maxCount = 1 时，我可以拖动多个文件。虽然它是随机的
这是我第一次使用Ant-design这个非常好的工具。 就像一个优秀的前端开发人员一样，我需要遵循我的 Figma 板并修改组件。 我正在使用 CSS ！重要规则来覆盖 ant-des...
我正在使用 NextJS 14，我有以下内容： 全局.css： @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@100;200;300;400;500;600;700;800&display=swap'); @层r...
无法在 Material UI 日期选择器上显示错误和错误消息
我正在使用 React Material UI 我想在后端计算的某些条件下显示错误。 我使用了 Material UI-datepicker 但无法显示错误 从 'react' 导入 * as React； 导入
Angular Material v17：缺少“MatFormFieldAppearance”中的“遗产”
在 Angular Material v14 中，MatFormFieldAppearance 提供了传统、标准、填充和轮廓值。 类型 MatFormFieldAppearance = '旧版' | '标准' | '填充' | '大纲'; 然而，在 Angular
无法解决依赖关系：来自@material-ui/[email protected]的peer React@"^16.8.0 || ^17.0.0"
我使用创建了一个反应项目 npm 初始化 -y npm 安装 React React-dom 然后我尝试安装 Material UI npm 安装@material-ui/core 它得到错误 npm 错误！代码 ERESOLVE npm 错误！解决...
如何设置 Visual Studio 2022 .Net 7.0 以创建通知侦听器
如何设置 Visual Studio 2022 .Net 7.0 以创建通知侦听器 我正在使用这个文档 https://learn.microsoft.com/en-us/windows/apps/design/shell/tiles-and-notifications/notific...
使用 Design Automation API 保存工作共享模型时出错
当使用设计自动化 API 进行更改时，我当前在保存工作共享模型（C4R 模型）时遇到问题。错误快照 然而，当...
我创建了一个“自定义”主题（使用 https://material.angular.io/guide/theming 上的主题文档，这非常糟糕），如下所示： @import '~@angular/material/theming'; @包括 mat-cor...
React Material 选项卡方向在响应式中发生变化？
如何更改响应式材质选项卡方向变化？我正在使用 React Material 版本 4 我需要桌面响应式的orientation=“horizontal”，它应该是orientation=“
@types/material-ui 和官方的@mui/types 包有什么区别？
npm 包：@types/material-ui 和 @mui/types 我知道前者受到 Definely Typed 社区的支持，但如果存在官方类型包，为什么它首先存在呢？我已经
我需要在选中时覆盖 Antd Switch 组件上的默认蓝色（主色）并将其更改为红色。我有办法做到这一点吗？ 我尝试过使用样式属性，但它没有...
我正在尝试使用 React Material UI 模态，但当它聚焦时，我总是在模态周围看到黑色边框。当它失焦时我已经删除了边框，但是如果模态聚焦......
如何在 Angular Material 2 中构建自定义组件
是否有任何标准方法可以在 Angular Material 2 之上构建自己的组件或扩展现有组件。 之前我使用过 Sencha/ExtJS 框架，构建自己的框架非常简单
我正在使用 Angular 和 Material 创建一个 Web 应用程序，我希望能够拖放和调整我的部分的大小。有没有办法使用 Angular Material 拖放 CDK 来完成？
将 Angular Material 从 16 迁移到 17 时出现目录错误
我正在尝试运行 Angular Material 迁移工具以从 16 迁移到 17，但收到一条错误消息，指出目录必须是字符串。 JSON 显示它是错误的。这不是提示，a...
我正在使用 React js 来开发我的 Web 应用程序，并且我正在使用 React 材料设计来进行 UI 设计。下面是我引用的网址。 https://material-ui-next.com/ 我正在努力实现一些目标...
在 React 16 中使用 RTL 测试 Material UI Drawer 的关闭逃逸功能
我正在尝试测试 Material UI Drawer。当您按 Esc 键或单击抽屉外部时，它应该关闭。但它正在失败。 我正在使用反应测试库进行测试。我创建了一个
Angular Material 6 网格列表对齐项目并将内容对齐到 flex-start
我正在尝试使用 Angular Material 6 动态网格列表。与文档相关的示例将网格的内容放在每个图块的中心。请参阅此处的示例 我想要内容进去...
react-testing-library：无法关闭 MUI Select 的下拉菜单
我有一个 SelectExample.js 从“react”导入 React, { useState }; 从“@mui/material”导入{InputLabel、MenuItem、FormControl、Select、Typography }；> 导出默认fu...
MatFormFieldModule / MatLegacyFormFieldModule 未导入 MatInputFieldModule 时发生冲突
我必须在客户端项目中使用 Material Legacy 模块。 现在，我使用 MatLegacyFormFieldModule 和 MatLegacyInputFieldModule 删除了所有出现的 MatFormFieldModule 和 MatInputFieldModule。
Material-UI DataGrid 隐藏特定单元格的标题分隔符
有没有办法隐藏特定（或所有）单元格的标题列分隔符？ 这是我的列定义 const orderCols = [ { 字段：'DOCDATE'， headerName：'Fecha'，flex：1 ...
我尝试使用覆盖“！”但这仍然不起作用，有没有办法设计它？我在网上到处查看都无济于事。 从“反应”导入反应； 从 'styled-
我有几个 Angular 应用程序在 nx 工作区中运行。所有这些应用程序都使用 Angular Material 对话框。为此，我通常创建这样的 Angular 服务： 导入 { 管理组件 }
类型“IntrinsicAttributes & RefAttributes<any>”上不存在属性“XXX”
我将编码作为一种爱好，并且正在使用 TypeScript 构建一个 React 网站。我找到了一个免费的 Material UI 模板，我正在尝试将其集成到现有代码中。模板是用
Angular Material 17 独立组件中没有 DateAdapter 的提供者
我有一个带有 Angular 17 应用程序的 nx 项目，并尝试使用带有材料 17.0.4 的 Angular 材料日期选择器。但我明白了 NullInjectorError：没有 DateAdapter 的提供者！ 错误。组件...
我有一个模块联合远程存储库，它是： 使用 React 17 构建 Material-ui 4 包括 jss 有来自第三方库的自己的全局 CSS，我无法编辑 我有多个主机...
Angular Material 浮动标签在悬停时消失或被切断
如果不需要的话，我不想禁用浮动标签，但它们对我来说表现不佳。当我将鼠标悬停在它们上方时，很多时候浮动标签会完全消失......
我正在努力构建一个新的 Material UI 表单。我想知道是否有只读字段的首选组件。我正在比较输入和文本字段组件，但无法真正分辨出什么......
我创建了一个给定高度的桌子（比如说70vh）。我想要一个垂直的列分隔线来覆盖桌子的整个高度。我可以使用 TableCell 的 CSS 添加它。但我想要垂直列分割...
我使用 Material-UI 选择器库来获取日期 我只想知道日期 像这样 17/07/2021 但我得到了这样的日期和时间 2021 年 7 月 17 日星期六 12:21:00 const [获取日期，
pandas.Series.replace 的文档包含一个示例： >> 将 pandas 导入为 pd >> s = pd.Series([1, 2, 3, 4, 5]) >> s.replace([1, 2], method='bfill') 0 3 1 3 2 3 ...
#包括 int (*createArray())[3] { 静态 int arr[2][3] = {{1, 2, 3}, {4, 5, 6}}; 返回 arr； } int main() { int (*ptr)[3] = createArray(); 对于 (int i = 0; i &l...
如何执行 QtWidgets.QTableWidget.setHorizontalHeader() 来保持默认行为？
pyqt5。常规表： 从 PyQt5 导入 QtWidgets 应用程序 = QtWidgets.QApplication([]) 表 = QtWidgets.QTableWidget(3, 3) table.setHorizontalHeaderLabels(['1', '2', '3']) 表.show() app.exec_()...
Python 3（标准实现）是否保证以下代码始终生成字符串 2, 3, 1？ ', '.join(['2', '3', '1']) 如果是，此功能（订单保持）在哪里记录？...
我有一个 PROJECT_EFFORT 表。 项目 ID、年份、月份、工作量 1, 2022, 12, 10 2, 2022, 12, 20 2, 2023, 1, 100 2, 2023, 2, 50 2, 2023, 3, 30 3, 2023, 3, 40 3, 2023, 4, 10 3, 2023, 5, 120 4、...
这里我编写了一个程序，它将找到所有子集数组，就像数组是 [1, 2, 3] 一样，我想要输出像 [[], 2],, 2, , [2, 1 ], 3, , [3, 1], [3, 2], [3 我写了一个程序
我正在使用 Angular Material 14.0.4 和 Angular 15.1.3。 我有一个垫选择下拉菜单，是这样写的...... 我正在使用 Angular Material 14.0.4 和 Angular 15.1.3。 我有一个mat-select下拉菜单，是这样写的... <mat-select value="5" panelClass="custom-panel"> <mat-option value="5">5</mat-option> <mat-option value="10">10</mat-option> <mat-option value="20">20</mat-option> </mat-select> 在此我应用了panelClass及其CSS代码如下... .custom-panel { top: calc(100% + 10px) !important; } 而且仍然如下。下拉列表与其文本框重叠 这是未选中时的下拉菜单 这是选择后的下拉菜单 如何将面板放置在选择文本框的正下方... 您可以使用下面的CSS来做到这一点！ 我们使用csstransform将面板移动到底部！ .custom-panel { transform: translateY(25px) !important; } 堆栈闪电战
选中/取消选中 mat-checkbox 未正确返回 true 或 false
我正在使用 Angular 15 和 Angular Material 14，下面是我用来显示复选框列表的 HTML 代码 我正在 Angular 15 和 Angular Material 14 工作，下面是我用来显示复选框列表的 HTML 代码 <div *ngFor="let control of checkboxArray.controls;let i = index" > <mat-checkbox [formControl]="control" (input)="validateInputs(notificationForm)" [checked]="control.value" (change)="control.checked=$event.checked;onCheckedChange(i);"> {{ checkboxItems[i].name }} </mat-checkbox> </div> 下面是Angular中onCheckedChange函数的代码 onCheckedChange(index: number) { this.sortCheckboxArray(); const checkboxItem = this.checkboxItems[index]; const control = this.checkboxArray.at(index); if (control) { if (control.value) { this.lists.push(checkboxItem.id.toString()); } else { this.lists.pop(checkboxItem.id.toString()); } } this.updateSubscriberGroupsCount(); this.cdr.detectChanges(); } 当我选中复选框时，在这个 onCheckedChange 函数中，control.value 始终返回 false。哪里出了问题？无法理解.. 这是一个工作版本，复选框逻辑工作正常，希望有帮助！ 我们需要使用control.value获取表单组，但我们还需要访问内部表单控件，然后获取复选框值！ import { CommonModule } from '@angular/common'; import { Component } from '@angular/core'; import { FormArray, FormControl, FormGroup, ReactiveFormsModule, } from '@angular/forms'; import { bootstrapApplication } from '@angular/platform-browser'; import 'zone.js'; import { MatCheckboxModule } from '@angular/material/checkbox'; @Component({ selector: 'app-root', standalone: true, imports: [CommonModule, ReactiveFormsModule, MatCheckboxModule], template: ` <form [formGroup]="form"> <div formArrayName="array"> <div *ngFor="let control of checkboxArray.controls;let i = index" [formGroupName]="i"> <mat-checkbox formControlName="test" style="margin-bottom: 15px;" (change)="onCheckedChange(i);"> {{ checkboxItems[i].name }} </mat-checkbox> </div> </div> </form> `, }) export class App { name = 'Angular'; form = new FormGroup({ array: new FormArray([]), }); lists = []; checkboxItems: any = []; ngOnInit() { this.add(); this.add(); this.add(); } add() { this.checkboxArray.push( new FormGroup({ test: new FormControl(false), }) ); this.checkboxItems.push({ name: 'test' }); } get checkboxArray() { return this.form.get('array') as FormArray; } onCheckedChange(index: number) { // this.sortCheckboxArray(); // const checkboxItem = this.checkboxItems[index]; const control = this.checkboxArray.at(index); if (control) { if (control.value.test) { console.log('checked'); // this.lists.push(checkboxItem.id.toString()); } else { console.log('not checked'); // this.lists.pop(checkboxItem.id.toString()); } } // this.updateSubscriberGroupsCount(); // this.cdr.detectChanges(); } } bootstrapApplication(App); 堆栈闪电战
我有 3 个集群，每个集群有 3 个节点。所有 3 个集群均使用双向引导复制进行链接。我正在做一些压力测试。 场景 1：其中一个数据中心发生故障...
我有一个如下数据框，其中有 3 列，每列代表在单个活动中花费的时间比例。 df <- data.frame(ID = c(1, 2, 3, 4), (time_1 = c(0.25...
st = take(`a, 7) 加入 take(`b, 6) 日期 = 2023.08.01 + 0 1 3 6 7 8 9 0 1 2 3 8 9 值 = 35 34 35.79 33.26 32.88 33.73 31 25 24 22 25.79 21 31 t = 表（st、日期、val） 市场日 = 2023.08.01 + 0 1 2 3...
我通过网络套接字发送了 12 个字节，用于表示 3 个浮点值。另一个程序执行此操作： 浮点 m_floatArray[3]; ... Serial.write((byte*) m_floatArray, 12); //12 b/c 3 浮在 4
比较简单的数学题，求3的范围<= Abs[6 - x] <= 5. Not hard to solve by hand, and Mathematica nails it, with the answer 1 <= x <= 3 || 9 <= x <= 11. The
我有一个ansible列表值： 主机= [“站点1”，“站点2”，“站点3”] 如果我尝试这个： 主持人 |加入（”， ”） 我得到： 站点 1、站点 2、站点 3 但我想得到： “站点1”、“站点2”、“站点3”
从另一个页面启动幻灯片拼图项目时出错。 类 PuzzlePage 扩展 StatefulWidget { 最终 int 行、列； PuzzlePage({int 列 = 3, int 行 = 3}) ：列 =
我的数据集有问题 月 年 销售量 1 2021年 100 2 2021年 150 3 2021年 200 1 2022年 100 2 2022年 140 3 2022年 120 1 2023年 100 2 2023年 100 3 2023年 100 我想添加一个新列，例如...