MDUI文件
複製 llms.txt 連結複製 llms-full.txt 連結以 Markdown 格式檢視此頁與 ChatGPT 討論此頁內容與 ChatGPT 討論專案完整文件
預設顏色
自選顏色
從桌布擷取顏色
請選擇一張桌布
開發指南
AI 輔助開發
樣式
與框架整合
元件
函式
jq 工具庫 dialog alert confirm prompt snackbar getTheme setTheme getColorFromImage setColorScheme removeColorScheme loadLocale setLocale getLocale throttle observeResize breakpoint
獨立程式庫

setColorScheme

A função setColorScheme é usada para definir um esquema de cores com base em um valor de cor hexadecimal fornecido.

A definição do esquema de cores afetará todos os componentes mdui na página. Consulte Cor dinâmica.

Como usar

Importe a função conforme necessário:

import { setColorScheme } from 'mdui/functions/setColorScheme.js';

Exemplo de uso:

setColorScheme('#ff0000');

API

setColorScheme(color: string, options: Options): void;

Options

Nome do atributo Tipo Valor padrão
target string | HTMLElement | JQ<HTMLElement> document.documentElement

O elemento no qual definir o esquema de cores. O valor pode ser um seletor CSS, um elemento DOM ou um objeto JQ. Se este parâmetro for definido, o esquema de cores terá efeito apenas dentro do elemento especificado.

O padrão é document.documentElement, ou seja, o elemento <html>, tendo efeito em toda a página.

customColors CustomColor[] -
Array de cores personalizadas. Consulte a seção Cor dinâmica para métodos de uso.

CustomColor

Nome do atributo Tipo Valor padrão
name string -
Nome da cor personalizada.
value string -
Valor da cor personalizada em hexadecimal, como #f82506.
本頁目錄