customization 相关问题

修改应用程序的默认状态以适应用户的偏好或满足特定目标的独特要求。

如何更改材质ui快速拨号按钮，显然它使用Fab默认值，你所能做的就是更改图标，但我还需要添加文本，例如：如何更改材质ui快速拨号按钮，显然它使用Fab默认值，你所能做的就是更改图标，但我还需要添加文本，例如： <Fab variant="extended"> <NavigationIcon /> Actions </Fab> 抱歉来晚了，但我最近遇到了这个问题并找到了解决方案： SpeedDial 附带 FabProps 属性，使您能够修改 Fab（Fab 文档：https://mui.com/material-ui/api/fab/）。因此，首先您应该修改 Fab 以使用 variant="extended"。然后要添加文本，请使用 icon 中的 SpeedDialIcon 属性。所以你的组件应该看起来像这样： <SpeedDial FabProps={{ variant: "extended" }} icon={ <SpeedDialIcon icon={ <Box sx={{ display: "flex" }}> <YourIcon /> <Typography> {/* Your text */} </Typography> </Box> /> } /> 为此目的使用 SpeedDialAction <SpeedDialAction key={action.name} icon={action.icon} // here goes your icon tooltipTitle={action.name} // here goes your text tooltipOpen onClick={handleClose} /> 将鼠标悬停时您会看到文档实例或使用浮动操作按钮达到您的目的 <Fab aria-label={fab.label} className={fab.className} color={fab.color} > {fab.icon} </Fab> 它的文档实例请告诉我它是否适合您）我最近也遇到了类似的问题。虽然设计人员可以轻松地在 Figma 或 w/e 中移动组件，但您依赖于 MUI 实现。在这种情况下，您需要操纵 MuiSpeedDial-root、MuiSpeedDial-actions 和 MuiButtonBase-root 以获得所需的结果。所以对于我的情况来说，它看起来像这样： const actions = [ { icon: ( <Box display="flex" gap={1}> <Typography fontSize={14}>{t('dashboard.selectDate')}</Typography> <EventIcon /> </Box> ), name: t('dashboard.selectDate'), onClick: () => { handleOpenDateModal(); handleClose(); } }, { icon: ( <Box display="flex" gap={1}> <Typography fontSize={14}>{t('dashboard.today')}</Typography> <CalendarTodayIcon /> </Box> ), name: t('dashboard.today'), onClick: () => { handleSetMonth(getTodayIso()); handleClose(); } }, { icon: ( <Box display="flex" gap={1}> <Typography fontSize={14}>{t('dashboard.navigation.uploadInvoice')}</Typography> <UploadFileIcon /> </Box> ), name: t('dashboard.navigation.uploadInvoice'), onClick: () => navigate(`/${ROUTING.INVOICE_UPLOAD}`) } ]; ... <StyledSpeedDial ariaLabel="SpeedDial controlled" icon={<SpeedDialIcon />} onClose={handleClose} onOpen={handleOpen} open={open} > {actions.map((action) => ( <SpeedDialAction TooltipClasses={{ tooltip: 'speed-action-tooltip-hide' }} key={action.name} icon={action.icon} tooltipTitle={action.name} onClick={action.onClick} /> ))} </StyledSpeedDial> 样式组件保存在单独的文件中： export const StyledSpeedDial = styled(SpeedDial)<SpeedDialProps>(({ theme }) => ({ position: 'absolute', bottom: 20, right: 16, zIndex: 2500, alignItems: 'end', '& .MuiSpeedDial-actions': { marginLeft: '-50px', '& .MuiButtonBase-root': { color: theme.colors.contrast, height: '40px', width: 'fit-content', alignSelf: 'flex-end', padding: '8px 16px', borderRadius: '100px', marginRight: 0, '& .MuiBox-root': { alignItems: 'center' } } } })); 不要在那些负利润上对我踢得太狠。这对我有用。我必须以这种方式覆盖高度和宽度，因为这是适应该文本的最方便的方法。我没有找到更优雅的方法，如果你找到了，请告诉我。附：这就是它的样子

button material-ui frontend customization speed-dial

回答 3 投票 0

如何在没有编码经验的情况下向网站添加自定义按钮？ [已关闭]

我正在为个人项目开发一个网站，并希望向我的主页添加一个链接到特定页面的自定义按钮。我没有编码经验，所以我正在寻找一种简单的方法来做到这一点。我...

html button customization

回答 1 投票 0

如何在没有编码经验的情况下向 WordPress 网站添加自定义按钮？

我正在为个人项目开发 WordPress 网站，并希望在我的主页上添加一个链接到特定页面的自定义按钮。我没有编码经验，所以我正在寻找一种简单的方法

wordpress button customization

回答 1 投票 0

如何深度定制一个element-plus组件？

我正在尝试以库 element-plus 作为基础构建自己的组件。到目前为止，当涉及到颜色等简单的东西时，我取得了巨大的成功，可以轻松地转发德...

vue-component vuejs3 themes customization element-plus

回答 1 投票 0

有没有办法禁用或修改Xcode的代码完成功能？

我在 Xcode Code Sense 首选项中取消选中了“在弹出列表中显示参数”和“插入完成的参数占位符”，但是当我在编辑器中键入“else”（例如）时，Xcode s...

xcode settings customization code-completion

回答 4 投票 0

如何从销售订单图 ACUMATICA 访问 CR.Standalone.Location 中定义的客户位置用户定义字段

我在客户屏幕（LocationExt.usrExpectedPaymentDate）中有一个用户定义的字段，如下所示，客户屏幕中的用户定义字段我需要访问此字段以在销售订单中进行计算...

c# customization acumatica

回答 1 投票 0

如何在 Firefox 中的 CSS 中检测 Linux/Windows 操作系统 userChrome.css & userContent.css？

对于 Firefox 的 userChrome.css 和 userContent.css 文件（因此没有可用的 JavaScript），我们如何检测 Firefox 网络浏览器正在哪个操作系统上运行？至少，我们需要

css user-interface firefox operating-system customization

回答 1 投票 0

如何在子菜单中添加间隙/空间

我对编辑代码一点也不熟悉，并且很难为自己构建这个 WordPress 网站 (https://danielpainter.at)（欢迎加入该网站）。如何创建一个di...

css wordpress themes customization

回答 1 投票 0

将自定义操作添加到供应商的 GI 批量操作中

是否可以将自定义操作添加到通用查询的批量操作下拉列表中？我通过工作流程为供应商屏幕 (AP.30.30.00) 创建了一个自定义“批准”操作；然而，它...

customization acumatica

回答 1 投票 0

自定义 chrome 开发者工具 javascript 调试器键盘快捷键？

我不敢相信谷歌或SO搜索都没有找到明确的答案，甚至没有对此进行太多讨论，但是：是否可以在 Google Chrome 中编辑/自定义键盘快捷键

google-chrome google-chrome-devtools keyboard-shortcuts customization javascript-debugger

回答 10 投票 0

使用付款元素通过 Stripe 自定义结帐流程以增强安全性

支付元素是一个 Web UI 组件，接受 40 多种支付方式、验证输入并处理错误。单独使用它或与网络应用程序前端的其他元素一起使用。定制

customization checkout stripes payment-method stripe-payment-intent

回答 1 投票 0

如何避免在AutoFixture中使用全局自定义

我正在尝试使用 ISpecimenBuilder 创建一个对象： var 固定装置=新固定装置(); Fixture.Customizations.Add(new SkipNonPrimitiveMembersCustomization()); var person=fixture.Create(...

c# customization autofixture

回答 1 投票 0

MVCContrib 网格分页定制

是否可以从 MVCContrib 项目自定义寻呼机？现在我使用这个代码（用德语寻呼）： @Html.Pager((MvcContrib.Pagination.IPagination)Model.deals) .First(“第一”) .最后（“

asp.net-mvc pagination grid customization mvccontrib

回答 1 投票 0

发送联系表7时的序列号

我想在发送表格时插入序列号，以便将其用作进一步处理的ID。如果我能自己设置起始编号就好了。例如：首先发送...

wordpress customization contact-form

回答 1 投票 0

自定义 bash 完成输出：每个建议占新行

当您输入内容时，您经常使用 bash 自动完成功能：例如，您开始编写命令，然后输入 TAB 以获取单词的其余部分。正如您可能已经注意到的，当多种选择时...