定制卡|必威是什么家庭助理开发人员文档<///title> <link rel="stylesheet" href="//www.jameselles.com/developers/assets/css/styles.94e93641.css"> </head> <body class="navigation-with-keyboard"> <div id="__docusaurus"> <div role="region"> <a href="//www.jameselles.com/developers/docs/frontend/custom-ui/custom-card/#" class="skipToContent_ZgBM">跳过主要内容<//a> </div> <nav class="navbar navbar--fixed-top"> <div class="navbar__inner"> <div class="navbar__items"> <button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"> <svg width="30" height="30" viewbox="0 0 30 30" aria-hidden="true"> <path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path> </svg></button> <a class="navbar__brand" href="//www.jameselles.com/developers/"> <div class="navbar__logo"> <img src="//www.jameselles.com/developers/img/logo-pretty.svg" alt="必威是什么" class="themedImage_W2Cr themedImage--light_TfLj"> <img src="//www.jameselles.com/developers/img/logo-pretty.svg" alt="必威是什么" class="themedImage_W2Cr themedImage--dark_oUvU"> </div><b class="navbar__title text--truncate">开发人员<//b></a> <div class="navbar__item dropdown dropdown--hoverable"> <a href="//www.jameselles.com/developers/docs/frontend/custom-ui/custom-card/#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link">必威是什么</a> <ul class="dropdown__menu"> <li><a class="dropdown__link" href="//www.jameselles.com/developers/docs/architecture_index">建筑学<//a></li> <li><a class="dropdown__link" href="//www.jameselles.com/developers/docs/development_index">核<//a></li> <li><a aria-current="page" class="dropdown__link dropdown__link--active" href="//www.jameselles.com/developers/docs/frontend">前端<//a></li> <li><a class="dropdown__link" href="//www.jameselles.com/developers/docs/supervisor">导师<//a></li> <li><a class="dropdown__link" href="//www.jameselles.com/developers/docs/add-ons">附加组件<//a></li> <li><a class="dropdown__link" href="//www.jameselles.com/developers/docs/operating-system">操作系统<//a></li> <li><a class="dropdown__link" href="//www.jameselles.com/developers/docs/internationalization">国际化<//a></li> </ul> </div> <div class="navbar__item dropdown dropdown--hoverable"> <a href="//www.jameselles.com/developers/docs/frontend/custom-ui/custom-card/#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link">记录<//a> <ul class="dropdown__menu"> <li><a class="dropdown__link" href="//www.jameselles.com/developers/docs/documenting">入门<//a></li> <li><a class="dropdown__link" href="//www.jameselles.com/developers/docs/documenting/standards">标准<//a></li> <li><a class="dropdown__link" href="//www.jameselles.com/developers/docs/documenting/yaml-style-guide">YAML样式指南<//a></li> <li><a class="dropdown__link" href="//www.jameselles.com/developers/docs/documenting/create-page">创建一个新页面<//a></li> </ul> </div> <a class="navbar__item navbar__link" href="//www.jameselles.com/developers/docs/translations">翻译<//a> <div class="navbar__item dropdown dropdown--hoverable"> <a href="//www.jameselles.com/developers/docs/frontend/custom-ui/custom-card/#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link">API<//a> <ul class="dropdown__menu"> <li><a class="dropdown__link" href="//www.jameselles.com/developers/docs/api/rest">REST API<//a></li> <li><a class="dropdown__link" href="//www.jameselles.com/developers/docs/api/websocket">WebSocket API<//a></li> <li><a class="dropdown__link" href="//www.jameselles.com/developers/docs/api/supervisor/endpoints">主管API<//a></li> <li><a class="dropdown__link" href="//www.jameselles.com/developers/docs/api/native-app-integration">本机应用集成<//a></li> </ul> </div> <a class="navbar__item navbar__link" href="//www.jameselles.com/developers/docs/misc">杂项<//a> <a class="navbar__item navbar__link" href="//www.jameselles.com/developers/blog">博客<//a> </div> <div class="navbar__items navbar__items--right"> <div class="toggle_S7eR colorModeToggle_vKtC"> <button class="clean-btn toggleButton_rCf9 toggleButtonDisabled_Pu9x" type="button" disabled title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)"> <svg viewbox="0 0 24 24" width="24" height="24" class="lightToggleIcon_v35p"> <path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path> </svg> <svg viewbox="0 0 24 24" width="24" height="24" class="darkToggleIcon_nQuB"> <path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path> </svg></button> </div> <div class="searchBox_dLyj"> <div class="navbar__search searchBarContainer_NW3z"> <input placeholder="Search" aria-label="Search" class="navbar__search-input"> <div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"> <div></div> <div></div> <div></div> <div></div> </div> <div class="searchHintContainer_Pkmr"> <kbd class="searchHint_iIMx">Ctrl<//kbd> <kbd class="searchHint_iIMx">k<///kbd> </div> </div> </div> </div> </div> <div role="presentation" class="navbar-sidebar__backdrop"></div> </nav> <div class="main-wrapper docsWrapper_mKqt"> <button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_RiI4" type="button"></button> <div class="docPage_ualW"> <aside class="theme-doc-sidebar-container docSidebarContainer_UQUJ"> <div class="sidebar_RiAD"> <nav class="menu thin-scrollbar menu_izAj"> <ul class="theme-doc-sidebar-menu menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="//www.jameselles.com/developers/docs/frontend">介绍<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="//www.jameselles.com/developers/docs/frontend/architecture">建筑学<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="//www.jameselles.com/developers/docs/frontend/development">发展<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="//www.jameselles.com/developers/docs/frontend/data">数据<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="//www.jameselles.com/developers/docs/frontend/external-authentication">外部身份验证<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="//www.jameselles.com/developers/docs/frontend/external-bus">外部巴士<//a></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"> <div class="menu__list-item-collapsible"> <a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="//www.jameselles.com/developers/docs/frontend/extending/adding-state-card">扩展前端<//a> </div></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"> <div class="menu__list-item-collapsible"> <a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="//www.jameselles.com/developers/docs/frontend/custom-ui/custom-card">自定义UI<//a> </div> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="//www.jameselles.com/developers/docs/frontend/custom-ui/custom-card">定制卡<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jameselles.com/developers/docs/frontend/custom-ui/custom-strategy">自定义策略<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jameselles.com/developers/docs/frontend/custom-ui/custom-view">自定义视图布局<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jameselles.com/developers/docs/frontend/custom-ui/creating-custom-panels">创建自定义面板<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jameselles.com/developers/docs/frontend/custom-ui/registering-resources">注册资源<//a></li> </ul></li> </ul> </nav> </div> </aside> <main class="docMainContainer_uL0j"> <div class="container padding-top--md padding-bottom--lg"> <div class="row"> <div class="col docItemCol_DM6M"> <div class="docItemContainer_vinB"> <article> <nav class="theme-doc-breadcrumbs breadcrumbsContainer_Xlws" aria-label="Breadcrumbs"> <ul class="breadcrumbs" itemscope itemtype="https://schema.org/BreadcrumbList"> <li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="//www.jameselles.com/developers/"> <svg viewbox="0 0 24 24" class="breadcrumbHomeIcon_kU5B"> <path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path> </svg></a></li> <li class="breadcrumbs__item"><span class="breadcrumbs__link">自定义UI<//span> <meta itemprop="position" content="1"></li> <li itemscope itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">定制卡<//span> <meta itemprop="position" content="2"></li> </ul> </nav> <div class="tocCollapsible_bZGK theme-doc-toc-mobile tocMobile_TmEX"> <button type="button" class="clean-btn tocCollapsibleButton_l22C">在本页面<//button> </div> <div class="theme-doc-markdown markdown"> <header> <h1>定制卡<//h1> </header> <p><a href="//www.jameselles.com/developers/dashboards/" target="_blank" rel="noopener noreferrer">仪表板<//a>是我们定义家庭助理用户界面的方法。必威是什么我们提供很多内置卡，但您不仅限于我们决定将其包括在家庭助理中的卡片。必威是什么您可以构建和使用自己的！<///p> <h2 class="anchor anchorWithStickyNavbar_mojV" id="defining-your-card">定义您的卡<a class="hash-link" href="//www.jameselles.com/developers/docs/frontend/custom-ui/custom-card/#defining-your-card" title=""></a></h2> <p>这是一个基本示例，以显示可能的可能性。<//p> <p>在您的家庭助理config dir中创建一必威体育存款个新文件必威是什么<code><config>/www/content-card-example.js<//code>并输入以下内容：<//p> <div class="language-js codeBlockContainer_MPoW theme-code-block" style="--prism-color:#bfc7d5;--prism-background-color:#292d3e"> <div class="codeBlockContent_B9tL"> <pre tabindex="0" class="prism-code language-js codeBlock__0OG thin-scrollbar"><code class="codeBlockLines_gEuF"><span class="token-line" style="color:#bfc7d5"><span class="token keyword" style="font-style:italic">班级<//span><span class="token plain"></span><span class="token class-name" style="color:rgb(255, 203, 107)">ContentCardExampame<//span><span class="token plain"></span><span class="token keyword" style="font-style:italic">扩展<//span><span class="token plain"></span><span class="token class-name" style="color:rgb(255, 203, 107)">htmlelement<//span><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token comment" style="color:rgb(105, 112, 152);font-style:italic">//每当状态更改时，设置了一个新的“ Hass”对象。用这个<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token comment" style="color:rgb(105, 112, 152);font-style:italic">//更新您的内容。<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword" style="font-style:italic">放<//span><span class="token plain"></span><span class="token function" style="color:rgb(130, 170, 255)">哈斯<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token parameter">哈斯<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token comment" style="color:rgb(105, 112, 152);font-style:italic">//如果内容还不存在，请初始化内容。<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword control-flow" style="font-style:italic">如果<//span><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token operator" style="color:rgb(137, 221, 255)">呢<//span><span class="token keyword" style="font-style:italic">这个<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token property-access">内容<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword" style="font-style:italic">这个<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token property-access">Innerhtml<//span><span class="token plain"></span><span class="token operator" style="color:rgb(137, 221, 255)">=<///span><span class="token plain"></span><span class="token template-string template-punctuation string" style="color:rgb(195, 232, 141)">`<///span><span class="token template-string html language-html"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string html language-html"></span><span class="token template-string html language-html tag punctuation" style="color:rgb(199, 146, 234)"><<///span><span class="token template-string html language-html tag" style="color:rgb(255, 85, 114)">哈卡<//span><span class="token template-string html language-html tag" style="color:rgb(255, 85, 114)"></span><span class="token template-string html language-html tag attr-name" style="color:rgb(255, 203, 107)">标题<//span><span class="token template-string html language-html tag attr-value punctuation attr-equals" style="color:rgb(199, 146, 234)">=<///span><span class="token template-string html language-html tag attr-value punctuation" style="color:rgb(199, 146, 234)">“<//span><span class="token template-string html language-html tag attr-value" style="color:rgb(255, 85, 114)">示例卡<//span><span class="token template-string html language-html tag attr-value punctuation" style="color:rgb(199, 146, 234)">“<//span><span class="token template-string html language-html tag punctuation" style="color:rgb(199, 146, 234)">><///span><span class="token template-string html language-html"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string html language-html"></span><span class="token template-string html language-html tag punctuation" style="color:rgb(199, 146, 234)"><<///span><span class="token template-string html language-html tag" style="color:rgb(255, 85, 114)">div<//span><span class="token template-string html language-html tag" style="color:rgb(255, 85, 114)"></span><span class="token template-string html language-html tag attr-name" style="color:rgb(255, 203, 107)">班级<//span><span class="token template-string html language-html tag attr-value punctuation attr-equals" style="color:rgb(199, 146, 234)">=<///span><span class="token template-string html language-html tag attr-value punctuation" style="color:rgb(199, 146, 234)">“<//span><span class="token template-string html language-html tag attr-value" style="color:rgb(255, 85, 114)">卡容器<//span><span class="token template-string html language-html tag attr-value punctuation" style="color:rgb(199, 146, 234)">“<//span><span class="token template-string html language-html tag punctuation" style="color:rgb(199, 146, 234)">><///span><span class="token template-string html language-html tag punctuation" style="color:rgb(199, 146, 234)"><//<//span><span class="token template-string html language-html tag" style="color:rgb(255, 85, 114)">div<//span><span class="token template-string html language-html tag punctuation" style="color:rgb(199, 146, 234)">><///span><span class="token template-string html language-html"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string html language-html"></span><span class="token template-string html language-html tag punctuation" style="color:rgb(199, 146, 234)"><//<//span><span class="token template-string html language-html tag" style="color:rgb(255, 85, 114)">哈卡<//span><span class="token template-string html language-html tag punctuation" style="color:rgb(199, 146, 234)">><///span><span class="token template-string html language-html"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string html language-html"></span><span class="token template-string template-punctuation string" style="color:rgb(195, 232, 141)">`<///span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword" style="font-style:italic">这个<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token property-access">内容<//span><span class="token plain"></span><span class="token operator" style="color:rgb(137, 221, 255)">=<///span><span class="token plain"></span><span class="token keyword" style="font-style:italic">这个<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token method function property-access" style="color:rgb(130, 170, 255)">Queryselector<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token string" style="color:rgb(195, 232, 141)">'div'<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword" style="font-style:italic">const<//span><span class="token plain">EntityID<//span><span class="token operator" style="color:rgb(137, 221, 255)">=<///span><span class="token plain"></span><span class="token keyword" style="font-style:italic">这个<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token property-access">config<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token property-access">实体<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword" style="font-style:italic">const<//span><span class="token plain">状态<//span><span class="token operator" style="color:rgb(137, 221, 255)">=<///span><span class="token plain">哈斯<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token property-access">状态<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">[[<///span><span class="token plain">EntityID<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">这是给予的<///span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword" style="font-style:italic">const<//span><span class="token plain">统计员<//span><span class="token operator" style="color:rgb(137, 221, 255)">=<///span><span class="token plain">状态<//span><span class="token operator" style="color:rgb(137, 221, 255)">？<///span><span class="token plain">状态<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token property-access">状态<//span><span class="token plain"></span><span class="token operator" style="color:rgb(137, 221, 255)">：<//span><span class="token plain"></span><span class="token string" style="color:rgb(195, 232, 141)">“不可用”<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword" style="font-style:italic">这个<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token property-access">内容<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token property-access">Innerhtml<//span><span class="token plain"></span><span class="token operator" style="color:rgb(137, 221, 255)">=<///span><span class="token plain"></span><span class="token template-string template-punctuation string" style="color:rgb(195, 232, 141)">`<///span><span class="token template-string html language-html"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string html language-html">的状态<//span><span class="token template-string html language-html interpolation interpolation-punctuation punctuation" style="color:rgb(199, 146, 234)">$ {<//span><span class="token template-string html language-html interpolation">EntityID<//span><span class="token template-string html language-html interpolation interpolation-punctuation punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token template-string html language-html">是<//span><span class="token template-string html language-html interpolation interpolation-punctuation punctuation" style="color:rgb(199, 146, 234)">$ {<//span><span class="token template-string html language-html interpolation">统计员<//span><span class="token template-string html language-html interpolation interpolation-punctuation punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token template-string html language-html">呢<//span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string html language-html"></span><span class="token template-string html language-html tag punctuation" style="color:rgb(199, 146, 234)"><<///span><span class="token template-string html language-html tag" style="color:rgb(255, 85, 114)">br<//span><span class="token template-string html language-html tag punctuation" style="color:rgb(199, 146, 234)">><///span><span class="token template-string html language-html tag punctuation" style="color:rgb(199, 146, 234)"><<///span><span class="token template-string html language-html tag" style="color:rgb(255, 85, 114)">br<//span><span class="token template-string html language-html tag punctuation" style="color:rgb(199, 146, 234)">><///span><span class="token template-string html language-html"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string html language-html"></span><span class="token template-string html language-html tag punctuation" style="color:rgb(199, 146, 234)"><<///span><span class="token template-string html language-html tag" style="color:rgb(255, 85, 114)">IMG<//span><span class="token template-string html language-html tag" style="color:rgb(255, 85, 114)"></span><span class="token template-string html language-html tag attr-name" style="color:rgb(255, 203, 107)">src<//span><span class="token template-string html language-html tag attr-value punctuation attr-equals" style="color:rgb(199, 146, 234)">=<///span><span class="token template-string html language-html tag attr-value punctuation" style="color:rgb(199, 146, 234)">“<//span><span class="token template-string html language-html tag attr-value" style="color:rgb(255, 85, 114)">http://via.placeholder.com/350x150<//span><span class="token template-string html language-html tag attr-value punctuation" style="color:rgb(199, 146, 234)">“<//span><span class="token template-string html language-html tag punctuation" style="color:rgb(199, 146, 234)">><///span><span class="token template-string html language-html"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string html language-html"></span><span class="token template-string template-punctuation string" style="color:rgb(195, 232, 141)">`<///span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token comment" style="color:rgb(105, 112, 152);font-style:italic">//用户提供的配置。抛出例外和家庭助理必威是什么<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token comment" style="color:rgb(105, 112, 152);font-style:italic">//将渲染一张错误卡。<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token function" style="color:rgb(130, 170, 255)">setConfig<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token parameter">config<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword control-flow" style="font-style:italic">如果<//span><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token operator" style="color:rgb(137, 221, 255)">呢<//span><span class="token plain">config<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token property-access">实体<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword control-flow" style="font-style:italic">扔<//span><span class="token plain"></span><span class="token keyword" style="font-style:italic">新的<//span><span class="token plain"></span><span class="token class-name" style="color:rgb(255, 203, 107)">错误<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token string" style="color:rgb(195, 232, 141)">“您需要定义一个实体”<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword" style="font-style:italic">这个<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token property-access">config<//span><span class="token plain"></span><span class="token operator" style="color:rgb(137, 221, 255)">=<///span><span class="token plain">config<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token comment" style="color:rgb(105, 112, 152);font-style:italic">//卡的高度。必威是什么家庭助理使用它自动<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token comment" style="color:rgb(105, 112, 152);font-style:italic">//在可用列上分配所有卡。<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token function" style="color:rgb(130, 170, 255)">GetCardize<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword control-flow" style="font-style:italic">返回<//span><span class="token plain"></span><span class="token number" style="color:rgb(247, 140, 108)">3<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain">自定义<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token method function property-access" style="color:rgb(130, 170, 255)">定义<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token string" style="color:rgb(195, 232, 141)">“内容卡示例”<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">，，，，<//span><span class="token plain"></span><span class="token maybe-class-name">ContentCardExampame<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><br></span></code></pre> <div class="buttonGroup_hRr1"> <button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_W9eQ" aria-hidden="true"> <svg class="copyButtonIcon_XEyF" viewbox="0 0 24 24"> <path d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path> </svg> <svg class="copyButtonSuccessIcon_i9w9" viewbox="0 0 24 24"> <path d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path> </svg></span></button> </div> </div> </div> <h2 class="anchor anchorWithStickyNavbar_mojV" id="referencing-your-new-card">引用您的新卡<a class="hash-link" href="//www.jameselles.com/developers/docs/frontend/custom-ui/custom-card/#referencing-your-new-card" title=""></a></h2> <p>在我们的示例卡中，我们定义了带有标签的卡<code>内容卡示例<//code>（请参阅最后一行），所以我们的卡类型将是<code>自定义：内容卡示例<//code>。并且因为您在您的文件中创建了文件<code><config>/www<//code>目录，它将通过URL在您的浏览器中访问<code>/当地的/<//code>（如果您最近添加了www文件夹，则需要重新启动家庭助理以获取要拾取的文件）。必威是什么<//p> <p>用URL向仪表板配置添加资源<code>/local/content-card-example.js<//code>和类型<code>模块<//code>（（<a href="//www.jameselles.com/developers/docs/frontend/custom-ui/registering-resources">资源文档<//a>）。<//p> <p>然后，您可以在仪表板配置中使用卡：<//p> <div class="language-yaml codeBlockContainer_MPoW theme-code-block" style="--prism-color:#bfc7d5;--prism-background-color:#292d3e"> <div class="codeBlockContent_B9tL"> <pre tabindex="0" class="prism-code language-yaml codeBlock__0OG thin-scrollbar"><code class="codeBlockLines_gEuF"><span class="token-line" style="color:#bfc7d5"><span class="token comment" style="color:rgb(105, 112, 152);font-style:italic">＃示例仪表板配置<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token key atrule">视图<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">：<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">-<//span><span class="token plain"></span><span class="token key atrule">姓名<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">：<//span><span class="token plain">例子<//span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token key atrule">牌<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">：<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">-<//span><span class="token plain"></span><span class="token key atrule">类型<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">：<//span><span class="token plain"></span><span class="token string" style="color:rgb(195, 232, 141)">“自定义：content-card示例”<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token key atrule">实体<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">：<//span><span class="token plain">input_boolean.switch_tv<//span><br></span></code></pre> <div class="buttonGroup_hRr1"> <button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_W9eQ" aria-hidden="true"> <svg class="copyButtonIcon_XEyF" viewbox="0 0 24 24"> <path d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path> </svg> <svg class="copyButtonSuccessIcon_i9w9" viewbox="0 0 24 24"> <path d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path> </svg></span></button> </div> </div> </div> <h2 class="anchor anchorWithStickyNavbar_mojV" id="api">API<a class="hash-link" href="//www.jameselles.com/developers/docs/frontend/custom-ui/custom-card/#api" title=""></a></h2> <p>定制卡被定义为<a href="https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements" target="_blank" rel="noopener noreferrer">自定义元素<//a>。由您决定如何在元素内渲染DOM。您可以使用聚合物，角度，预性或任何其他流行框架（React除外 -<a href="https://custom-elements-everywhere.com/" target="_blank" rel="noopener noreferrer">有关React的更多信息在这里<//a>）。<//p> <p>必威是什么家庭助理会打电话<code>setConfig（config）<//code>当配置更改时（稀有）。如果您引发了异常，则如果配置无效，则家庭助理将渲染错误卡以通知用户。必威是什么<///p> <p>必威是什么家庭助理将设置<code>哈斯<//code>当家庭助理状态变化时（频繁）时的财产。必威是什么每当状态更改时，组件都必须自行更新以表示最新状态。<///p> <p>您的卡可以定义<code>GetCardize<//code>将卡的大小返回数字或承诺的方法，该数字可以解决到一个数字。高度为1等于50像素。这将帮助家庭助理在列上平均分发必威是什么卡片。卡的大小<code>1<//code>如果未定义该方法，将假定。<//p> <p>由于某些元素可以懒惰，如果要获得另一个元素的卡大小，则应首先检查其定义。<//p> <div class="language-js codeBlockContainer_MPoW theme-code-block" style="--prism-color:#bfc7d5;--prism-background-color:#292d3e"> <div class="codeBlockContent_B9tL"> <pre tabindex="0" class="prism-code language-js codeBlock__0OG thin-scrollbar"><code class="codeBlockLines_gEuF"><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword control-flow" style="font-style:italic">返回<//span><span class="token plain">自定义<//span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token method function property-access" style="color:rgb(130, 170, 255)">定义<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token plain">元素<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token property-access">localname<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token method function property-access" style="color:rgb(130, 170, 255)">然后<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token plain"></span><span class="token arrow operator" style="color:rgb(137, 221, 255)">=><//span><span class="token plain">元素<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token method function property-access" style="color:rgb(130, 170, 255)">GetCardize<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><br></span></code></pre> <div class="buttonGroup_hRr1"> <button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_W9eQ" aria-hidden="true"> <svg class="copyButtonIcon_XEyF" viewbox="0 0 24 24"> <path d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path> </svg> <svg class="copyButtonSuccessIcon_i9w9" viewbox="0 0 24 24"> <path d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path> </svg></span></button> </div> </div> </div> <p>您的卡可以定义<code>getConfigelement<//code>返回用于编辑用户配置的自定义元素的方法。必威是什么家庭助理将在仪表板中的卡片编辑器中显示此元素。<///p> <h2 class="anchor anchorWithStickyNavbar_mojV" id="advanced-example">高级示例<a class="hash-link" href="//www.jameselles.com/developers/docs/frontend/custom-ui/custom-card/#advanced-example" title=""></a></h2> <p>将仪表板加载的资源导入为JS模块导入。以下是使用JS模块的自定义卡的一个示例，该模块可以完成所有精美的事物。<///p> <p><img loading="lazy" alt="有线卡的屏幕截图“src=“data:image/png;base64,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" width="391" height="187" class="img_E7b_"></p> <p>在您的家庭助理config dir中创建一必威体育存款个新文件必威是什么<code><config>/www/wired-cards.js<//code>并输入以下内容：<//p> <div class="language-js codeBlockContainer_MPoW theme-code-block" style="--prism-color:#bfc7d5;--prism-background-color:#292d3e"> <div class="codeBlockContent_B9tL"> <pre tabindex="0" class="prism-code language-js codeBlock__0OG thin-scrollbar"><code class="codeBlockLines_gEuF"><span class="token-line" style="color:#bfc7d5"><span class="token keyword module" style="font-style:italic">进口<//span><span class="token plain"></span><span class="token string" style="color:rgb(195, 232, 141)">“ https://unpkg.com/<a href="//www.jameselles.com/developers/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="9becf2e9feffb6f8fae9ffdbabb5a3b5aa">[电子邮件保护]<//a>/wired-card.js?module“<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword module" style="font-style:italic">进口<//span><span class="token plain"></span><span class="token string" style="color:rgb(195, 232, 141)">“ https://unpkg.com/<a href="//www.jameselles.com/developers/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b6c1dfc4d3d29bc2d9d1d1dad3f686988e9886">[电子邮件保护]<//a>/wired-toggle.js？module”<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword module" style="font-style:italic">进口<//span><span class="token plain"></span><span class="token imports punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token imports"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token imports"></span><span class="token imports maybe-class-name">litelement<//span><span class="token imports punctuation" style="color:rgb(199, 146, 234)">，，，，<//span><span class="token imports"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token imports">html<//span><span class="token imports punctuation" style="color:rgb(199, 146, 234)">，，，，<//span><span class="token imports"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token imports">CSS<//span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token imports"></span><span class="token imports punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token plain"></span><span class="token keyword module" style="font-style:italic">从<//span><span class="token plain"></span><span class="token string" style="color:rgb(195, 232, 141)">“ https://unpkg.com/<a href="//www.jameselles.com/developers/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="fb97928fd69e979e969e958fbbc9d5cbd5ca">[电子邮件保护]<//a>/lit-element.js?module”<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword" style="font-style:italic">功能<//span><span class="token plain"></span><span class="token function" style="color:rgb(130, 170, 255)">负载<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token parameter">URL<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword" style="font-style:italic">const<//span><span class="token plain">关联<//span><span class="token operator" style="color:rgb(137, 221, 255)">=<///span><span class="token plain"></span><span class="token dom variable" style="color:rgb(191, 199, 213)">文档<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token method function property-access" style="color:rgb(130, 170, 255)">创建<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token string" style="color:rgb(195, 232, 141)">“关联”<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain">关联<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token property-access">类型<//span><span class="token plain"></span><span class="token operator" style="color:rgb(137, 221, 255)">=<///span><span class="token plain"></span><span class="token string" style="color:rgb(195, 232, 141)">“文字/CSS”<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain">关联<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token property-access">rel<//span><span class="token plain"></span><span class="token operator" style="color:rgb(137, 221, 255)">=<///span><span class="token plain"></span><span class="token string" style="color:rgb(195, 232, 141)">“样式表”<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain">关联<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token property-access">HREF<//span><span class="token plain"></span><span class="token operator" style="color:rgb(137, 221, 255)">=<///span><span class="token plain">URL<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token dom variable" style="color:rgb(191, 199, 213)">文档<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token property-access">头<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token method function property-access" style="color:rgb(130, 170, 255)">附录<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token plain">关联<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token function" style="color:rgb(130, 170, 255)">负载<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token string" style="color:rgb(195, 232, 141)">“ https://fonts.googleapis.com/css?family=gloria+hallelujah”<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword" style="font-style:italic">班级<//span><span class="token plain"></span><span class="token class-name" style="color:rgb(255, 203, 107)">WiredToggleCard<//span><span class="token plain"></span><span class="token keyword" style="font-style:italic">扩展<//span><span class="token plain"></span><span class="token class-name" style="color:rgb(255, 203, 107)">litelement<//span><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword" style="font-style:italic">静止的<//span><span class="token plain"></span><span class="token keyword" style="font-style:italic">得到<//span><span class="token plain"></span><span class="token function" style="color:rgb(130, 170, 255)">特性<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword control-flow" style="font-style:italic">返回<//span><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token literal-property property">哈斯<//span><span class="token operator" style="color:rgb(137, 221, 255)">：<//span><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token punctuation" style="color:rgb(199, 146, 234)">，，，，<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token literal-property property">config<//span><span class="token operator" style="color:rgb(137, 221, 255)">：<//span><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token function" style="color:rgb(130, 170, 255)">使成为<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword control-flow" style="font-style:italic">返回<//span><span class="token plain">html<//span><span class="token template-string template-punctuation string" style="color:rgb(195, 232, 141)">`<///span><span class="token template-string html language-html"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string html language-html"></span><span class="token template-string html language-html tag punctuation" style="color:rgb(199, 146, 234)"><<///span><span class="token template-string html language-html tag" style="color:rgb(255, 85, 114)">有线卡<//span><span class="token template-string html language-html tag" style="color:rgb(255, 85, 114)"></span><span class="token template-string html language-html tag attr-name" style="color:rgb(255, 203, 107)">海拔<//span><span class="token template-string html language-html tag attr-value punctuation attr-equals" style="color:rgb(199, 146, 234)">=<///span><span class="token template-string html language-html tag attr-value punctuation" style="color:rgb(199, 146, 234)">“<//span><span class="token template-string html language-html tag attr-value" style="color:rgb(255, 85, 114)">2<//span><span class="token template-string html language-html tag attr-value punctuation" style="color:rgb(199, 146, 234)">“<//span><span class="token template-string html language-html tag punctuation" style="color:rgb(199, 146, 234)">><///span><span class="token template-string html language-html"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string html language-html"></span><span class="token template-string html language-html interpolation interpolation-punctuation punctuation" style="color:rgb(199, 146, 234)">$ {<//span><span class="token template-string html language-html interpolation keyword" style="font-style:italic">这个<//span><span class="token template-string html language-html interpolation punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token template-string html language-html interpolation property-access">config<//span><span class="token template-string html language-html interpolation punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token template-string html language-html interpolation property-access">实体<//span><span class="token template-string html language-html interpolation punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token template-string html language-html interpolation method function property-access" style="color:rgb(130, 170, 255)">地图<//span><span class="token template-string html language-html interpolation punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token template-string html language-html interpolation parameter">恩特<//span><span class="token template-string html language-html interpolation"></span><span class="token template-string html language-html interpolation arrow operator" style="color:rgb(137, 221, 255)">=><//span><span class="token template-string html language-html interpolation"></span><span class="token template-string html language-html interpolation punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token template-string html language-html interpolation"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string html language-html interpolation"></span><span class="token template-string html language-html interpolation keyword" style="font-style:italic">const<//span><span class="token template-string html language-html interpolation">statebj<//span><span class="token template-string html language-html interpolation operator" style="color:rgb(137, 221, 255)">=<///span><span class="token template-string html language-html interpolation"></span><span class="token template-string html language-html interpolation keyword" style="font-style:italic">这个<//span><span class="token template-string html language-html interpolation punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token template-string html language-html interpolation property-access">哈斯<//span><span class="token template-string html language-html interpolation punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token template-string html language-html interpolation property-access">状态<//span><span class="token template-string html language-html interpolation punctuation" style="color:rgb(199, 146, 234)">[[<///span><span class="token template-string html language-html interpolation">恩特<//span><span class="token template-string html language-html interpolation punctuation" style="color:rgb(199, 146, 234)">这是给予的<///span><span class="token template-string html language-html interpolation punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token template-string html language-html interpolation"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string html language-html interpolation"></span><span class="token template-string html language-html interpolation keyword control-flow" style="font-style:italic">返回<//span><span class="token template-string html language-html interpolation">statebj<//span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string html language-html interpolation"></span><span class="token template-string html language-html interpolation operator" style="color:rgb(137, 221, 255)">？<///span><span class="token template-string html language-html interpolation">html<//span><span class="token template-string html language-html interpolation template-string template-punctuation string" style="color:rgb(195, 232, 141)">`<///span><span class="token template-string html language-html interpolation template-string html language-html"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string html language-html interpolation template-string html language-html"></span><span class="token template-string html language-html interpolation template-string html language-html tag punctuation" style="color:rgb(199, 146, 234)"><<///span><span class="token template-string html language-html interpolation template-string html language-html tag" style="color:rgb(255, 85, 114)">div<//span><span class="token template-string html language-html interpolation template-string html language-html tag" style="color:rgb(255, 85, 114)"></span><span class="token template-string html language-html interpolation template-string html language-html tag attr-name" style="color:rgb(255, 203, 107)">班级<//span><span class="token template-string html language-html interpolation template-string html language-html tag attr-value punctuation attr-equals" style="color:rgb(199, 146, 234)">=<///span><span class="token template-string html language-html interpolation template-string html language-html tag attr-value punctuation" style="color:rgb(199, 146, 234)">“<//span><span class="token template-string html language-html interpolation template-string html language-html tag attr-value" style="color:rgb(255, 85, 114)">状态<//span><span class="token template-string html language-html interpolation template-string html language-html tag attr-value punctuation" style="color:rgb(199, 146, 234)">“<//span><span class="token template-string html language-html interpolation template-string html language-html tag punctuation" style="color:rgb(199, 146, 234)">><///span><span class="token template-string html language-html interpolation template-string html language-html"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string html language-html interpolation template-string html language-html"></span><span class="token template-string html language-html interpolation template-string html language-html interpolation interpolation-punctuation punctuation" style="color:rgb(199, 146, 234)">$ {<//span><span class="token template-string html language-html interpolation template-string html language-html interpolation">statebj<//span><span class="token template-string html language-html interpolation template-string html language-html interpolation punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token template-string html language-html interpolation template-string html language-html interpolation property-access">属性<//span><span class="token template-string html language-html interpolation template-string html language-html interpolation punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token template-string html language-html interpolation template-string html language-html interpolation property-access">友好名称<//span><span class="token template-string html language-html interpolation template-string html language-html interpolation interpolation-punctuation punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token template-string html language-html interpolation template-string html language-html"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string html language-html interpolation template-string html language-html"></span><span class="token template-string html language-html interpolation template-string html language-html tag punctuation" style="color:rgb(199, 146, 234)"><<///span><span class="token template-string html language-html interpolation template-string html language-html tag" style="color:rgb(255, 85, 114)">有线式<//span><span class="token template-string html language-html interpolation template-string html language-html tag" style="color:rgb(255, 85, 114)"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string html language-html interpolation template-string html language-html tag" style="color:rgb(255, 85, 114)"></span><span class="token template-string html language-html interpolation template-string html language-html tag attr-name" style="color:rgb(255, 203, 107)">检查<//span><span class="token template-string html language-html interpolation template-string html language-html tag attr-value punctuation attr-equals" style="color:rgb(199, 146, 234)">=<///span><span class="token template-string html language-html interpolation template-string html language-html tag attr-value punctuation" style="color:rgb(199, 146, 234)">“<//span><span class="token template-string html language-html interpolation template-string html language-html tag attr-value interpolation interpolation-punctuation punctuation" style="color:rgb(199, 146, 234)">$ {<//span><span class="token template-string html language-html interpolation template-string html language-html tag attr-value interpolation" style="color:rgb(255, 85, 114)">statebj<//span><span class="token template-string html language-html interpolation template-string html language-html tag attr-value interpolation punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token template-string html language-html interpolation template-string html language-html tag attr-value interpolation property-access" style="color:rgb(255, 85, 114)">状态<//span><span class="token template-string html language-html interpolation template-string html language-html tag attr-value interpolation" style="color:rgb(255, 85, 114)"></span><span class="token template-string html language-html interpolation template-string html language-html tag attr-value interpolation operator" style="color:rgb(137, 221, 255)">===<//span><span class="token template-string html language-html interpolation template-string html language-html tag attr-value interpolation" style="color:rgb(255, 85, 114)"></span><span class="token template-string html language-html interpolation template-string html language-html tag attr-value interpolation string" style="color:rgb(195, 232, 141)">“上”<//span><span class="token template-string html language-html interpolation template-string html language-html tag attr-value interpolation interpolation-punctuation punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token template-string html language-html interpolation template-string html language-html tag attr-value punctuation" style="color:rgb(199, 146, 234)">“<//span><span class="token template-string html language-html interpolation template-string html language-html tag" style="color:rgb(255, 85, 114)"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string html language-html interpolation template-string html language-html tag" style="color:rgb(255, 85, 114)"></span><span class="token template-string html language-html interpolation template-string html language-html tag attr-name" style="color:rgb(255, 203, 107)">@改变<//span><span class="token template-string html language-html interpolation template-string html language-html tag attr-value punctuation attr-equals" style="color:rgb(199, 146, 234)">=<///span><span class="token template-string html language-html interpolation template-string html language-html tag attr-value punctuation" style="color:rgb(199, 146, 234)">“<//span><span class="token template-string html language-html interpolation template-string html language-html tag attr-value interpolation interpolation-punctuation punctuation" style="color:rgb(199, 146, 234)">$ {<//span><span class="token template-string html language-html interpolation template-string html language-html tag attr-value interpolation parameter" style="color:rgb(255, 85, 114)">ev<//span><span class="token template-string html language-html interpolation template-string html language-html tag attr-value interpolation" style="color:rgb(255, 85, 114)"></span><span class="token template-string html language-html interpolation template-string html language-html tag attr-value interpolation arrow operator" style="color:rgb(137, 221, 255)">=><//span><span class="token template-string html language-html interpolation template-string html language-html tag attr-value interpolation" style="color:rgb(255, 85, 114)"></span><span class="token template-string html language-html interpolation template-string html language-html tag attr-value interpolation keyword" style="color:rgb(255, 85, 114);font-style:italic">这个<//span><span class="token template-string html language-html interpolation template-string html language-html tag attr-value interpolation punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token template-string html language-html interpolation template-string html language-html tag attr-value interpolation method function property-access" style="color:rgb(130, 170, 255)">_toggle<//span><span class="token template-string html language-html interpolation template-string html language-html tag attr-value interpolation punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token template-string html language-html interpolation template-string html language-html tag attr-value interpolation" style="color:rgb(255, 85, 114)">statebj<//span><span class="token template-string html language-html interpolation template-string html language-html tag attr-value interpolation punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token template-string html language-html interpolation template-string html language-html tag attr-value interpolation interpolation-punctuation punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token template-string html language-html interpolation template-string html language-html tag attr-value punctuation" style="color:rgb(199, 146, 234)">“<//span><span class="token template-string html language-html interpolation template-string html language-html tag" style="color:rgb(255, 85, 114)"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string html language-html interpolation template-string html language-html tag" style="color:rgb(255, 85, 114)"></span><span class="token template-string html language-html interpolation template-string html language-html tag punctuation" style="color:rgb(199, 146, 234)">><///span><span class="token template-string html language-html interpolation template-string html language-html tag punctuation" style="color:rgb(199, 146, 234)"><//<//span><span class="token template-string html language-html interpolation template-string html language-html tag" style="color:rgb(255, 85, 114)">有线式<//span><span class="token template-string html language-html interpolation template-string html language-html tag punctuation" style="color:rgb(199, 146, 234)">><///span><span class="token template-string html language-html interpolation template-string html language-html"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string html language-html interpolation template-string html language-html"></span><span class="token template-string html language-html interpolation template-string html language-html tag punctuation" style="color:rgb(199, 146, 234)"><//<//span><span class="token template-string html language-html interpolation template-string html language-html tag" style="color:rgb(255, 85, 114)">div<//span><span class="token template-string html language-html interpolation template-string html language-html tag punctuation" style="color:rgb(199, 146, 234)">><///span><span class="token template-string html language-html interpolation template-string html language-html"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string html language-html interpolation template-string html language-html"></span><span class="token template-string html language-html interpolation template-string template-punctuation string" style="color:rgb(195, 232, 141)">`<///span><span class="token template-string html language-html interpolation"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string html language-html interpolation"></span><span class="token template-string html language-html interpolation operator" style="color:rgb(137, 221, 255)">：<//span><span class="token template-string html language-html interpolation">html<//span><span class="token template-string html language-html interpolation template-string template-punctuation string" style="color:rgb(195, 232, 141)">`<///span><span class="token template-string html language-html interpolation template-string html language-html"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string html language-html interpolation template-string html language-html"></span><span class="token template-string html language-html interpolation template-string html language-html tag punctuation" style="color:rgb(199, 146, 234)"><<///span><span class="token template-string html language-html interpolation template-string html language-html tag" style="color:rgb(255, 85, 114)">div<//span><span class="token template-string html language-html interpolation template-string html language-html tag" style="color:rgb(255, 85, 114)"></span><span class="token template-string html language-html interpolation template-string html language-html tag attr-name" style="color:rgb(255, 203, 107)">班级<//span><span class="token template-string html language-html interpolation template-string html language-html tag attr-value punctuation attr-equals" style="color:rgb(199, 146, 234)">=<///span><span class="token template-string html language-html interpolation template-string html language-html tag attr-value punctuation" style="color:rgb(199, 146, 234)">“<//span><span class="token template-string html language-html interpolation template-string html language-html tag attr-value" style="color:rgb(255, 85, 114)">未找到<//span><span class="token template-string html language-html interpolation template-string html language-html tag attr-value punctuation" style="color:rgb(199, 146, 234)">“<//span><span class="token template-string html language-html interpolation template-string html language-html tag punctuation" style="color:rgb(199, 146, 234)">><///span><span class="token template-string html language-html interpolation template-string html language-html">实体<//span><span class="token template-string html language-html interpolation template-string html language-html interpolation interpolation-punctuation punctuation" style="color:rgb(199, 146, 234)">$ {<//span><span class="token template-string html language-html interpolation template-string html language-html interpolation">恩特<//span><span class="token template-string html language-html interpolation template-string html language-html interpolation interpolation-punctuation punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token template-string html language-html interpolation template-string html language-html">未找到。<//span><span class="token template-string html language-html interpolation template-string html language-html tag punctuation" style="color:rgb(199, 146, 234)"><//<//span><span class="token template-string html language-html interpolation template-string html language-html tag" style="color:rgb(255, 85, 114)">div<//span><span class="token template-string html language-html interpolation template-string html language-html tag punctuation" style="color:rgb(199, 146, 234)">><///span><span class="token template-string html language-html interpolation template-string html language-html"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string html language-html interpolation template-string html language-html"></span><span class="token template-string html language-html interpolation template-string template-punctuation string" style="color:rgb(195, 232, 141)">`<///span><span class="token template-string html language-html interpolation punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token template-string html language-html interpolation"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string html language-html interpolation"></span><span class="token template-string html language-html interpolation punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token template-string html language-html interpolation punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token template-string html language-html interpolation interpolation-punctuation punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token template-string html language-html"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string html language-html"></span><span class="token template-string html language-html tag punctuation" style="color:rgb(199, 146, 234)"><//<//span><span class="token template-string html language-html tag" style="color:rgb(255, 85, 114)">有线卡<//span><span class="token template-string html language-html tag punctuation" style="color:rgb(199, 146, 234)">><///span><span class="token template-string html language-html"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string html language-html"></span><span class="token template-string template-punctuation string" style="color:rgb(195, 232, 141)">`<///span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token function" style="color:rgb(130, 170, 255)">setConfig<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token parameter">config<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword control-flow" style="font-style:italic">如果<//span><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token operator" style="color:rgb(137, 221, 255)">呢<//span><span class="token plain">config<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token property-access">实体<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword control-flow" style="font-style:italic">扔<//span><span class="token plain"></span><span class="token keyword" style="font-style:italic">新的<//span><span class="token plain"></span><span class="token class-name" style="color:rgb(255, 203, 107)">错误<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token string" style="color:rgb(195, 232, 141)">“您需要定义实体”<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword" style="font-style:italic">这个<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token property-access">config<//span><span class="token plain"></span><span class="token operator" style="color:rgb(137, 221, 255)">=<///span><span class="token plain">config<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token comment" style="color:rgb(105, 112, 152);font-style:italic">//卡的高度。必威是什么家庭助理使用它自动<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token comment" style="color:rgb(105, 112, 152);font-style:italic">//在可用列上分配所有卡。<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token function" style="color:rgb(130, 170, 255)">GetCardize<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword control-flow" style="font-style:italic">返回<//span><span class="token plain"></span><span class="token keyword" style="font-style:italic">这个<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token property-access">config<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token property-access">实体<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token property-access">长度<//span><span class="token plain"></span><span class="token operator" style="color:rgb(137, 221, 255)">+<//span><span class="token plain"></span><span class="token number" style="color:rgb(247, 140, 108)">1<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token function" style="color:rgb(130, 170, 255)">_toggle<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token parameter">状态<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword" style="font-style:italic">这个<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token property-access">哈斯<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token method function property-access" style="color:rgb(130, 170, 255)">呼叫服务<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token string" style="color:rgb(195, 232, 141)">“乡亲”<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">，，，，<//span><span class="token plain"></span><span class="token string" style="color:rgb(195, 232, 141)">“切换”<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">，，，，<//span><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token literal-property property">ENTITY_ID<//span><span class="token operator" style="color:rgb(137, 221, 255)">：<//span><span class="token plain">状态<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token property-access">ENTITY_ID<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword" style="font-style:italic">静止的<//span><span class="token plain"></span><span class="token keyword" style="font-style:italic">得到<//span><span class="token plain"></span><span class="token function" style="color:rgb(130, 170, 255)">样式<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword control-flow" style="font-style:italic">返回<//span><span class="token plain">CSS<//span><span class="token template-string template-punctuation string" style="color:rgb(195, 232, 141)">`<///span><span class="token template-string css language-css"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string css language-css"></span><span class="token template-string css language-css selector pseudo-class" style="color:rgb(199, 146, 234)">：主持人<//span><span class="token template-string css language-css"></span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token template-string css language-css"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string css language-css"></span><span class="token template-string css language-css property">字体系列<//span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">：<//span><span class="token template-string css language-css"></span><span class="token template-string css language-css string" style="color:rgb(195, 232, 141)">“格洛里亚·哈利洛贾”<//span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">，，，，<//span><span class="token template-string css language-css">草书<//span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token template-string css language-css"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string css language-css"></span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token template-string css language-css"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string css language-css"></span><span class="token template-string css language-css selector" style="color:rgb(199, 146, 234)">有线卡<//span><span class="token template-string css language-css"></span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token template-string css language-css"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string css language-css"></span><span class="token template-string css language-css property">背景颜色<//span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">：<//span><span class="token template-string css language-css"></span><span class="token template-string css language-css color">白色的<//span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token template-string css language-css"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string css language-css"></span><span class="token template-string css language-css property">填充<//span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">：<//span><span class="token template-string css language-css"></span><span class="token template-string css language-css number" style="color:rgb(247, 140, 108)">16<//span><span class="token template-string css language-css unit">Px<//span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token template-string css language-css"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string css language-css"></span><span class="token template-string css language-css property">展示<//span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">：<//span><span class="token template-string css language-css">堵塞<//span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token template-string css language-css"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string css language-css"></span><span class="token template-string css language-css property">字体大小<//span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">：<//span><span class="token template-string css language-css"></span><span class="token template-string css language-css number" style="color:rgb(247, 140, 108)">18<//span><span class="token template-string css language-css unit">Px<//span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token template-string css language-css"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string css language-css"></span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token template-string css language-css"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string css language-css"></span><span class="token template-string css language-css selector class" style="color:rgb(199, 146, 234)">。状态<//span><span class="token template-string css language-css"></span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token template-string css language-css"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string css language-css"></span><span class="token template-string css language-css property">展示<//span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">：<//span><span class="token template-string css language-css">柔性<//span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token template-string css language-css"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string css language-css"></span><span class="token template-string css language-css property">合理性<//span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">：<//span><span class="token template-string css language-css">空间之间<//span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token template-string css language-css"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string css language-css"></span><span class="token template-string css language-css property">填充<//span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">：<//span><span class="token template-string css language-css"></span><span class="token template-string css language-css number" style="color:rgb(247, 140, 108)">8<//span><span class="token template-string css language-css unit">Px<//span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token template-string css language-css"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string css language-css"></span><span class="token template-string css language-css property">对准项目<//span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">：<//span><span class="token template-string css language-css">中央<//span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token template-string css language-css"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string css language-css"></span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token template-string css language-css"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string css language-css"></span><span class="token template-string css language-css selector class" style="color:rgb(199, 146, 234)">。未找到<//span><span class="token template-string css language-css"></span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token template-string css language-css"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string css language-css"></span><span class="token template-string css language-css property">背景颜色<//span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">：<//span><span class="token template-string css language-css"></span><span class="token template-string css language-css color">黄色<//span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token template-string css language-css"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string css language-css"></span><span class="token template-string css language-css property">字体系列<//span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">：<//span><span class="token template-string css language-css">无衬线字体<//span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token template-string css language-css"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string css language-css"></span><span class="token template-string css language-css property">字体大小<//span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">：<//span><span class="token template-string css language-css"></span><span class="token template-string css language-css number" style="color:rgb(247, 140, 108)">14<//span><span class="token template-string css language-css unit">Px<//span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token template-string css language-css"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string css language-css"></span><span class="token template-string css language-css property">填充<//span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">：<//span><span class="token template-string css language-css"></span><span class="token template-string css language-css number" style="color:rgb(247, 140, 108)">8<//span><span class="token template-string css language-css unit">Px<//span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token template-string css language-css"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string css language-css"></span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token template-string css language-css"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string css language-css"></span><span class="token template-string css language-css selector" style="color:rgb(199, 146, 234)">有线式<//span><span class="token template-string css language-css"></span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token template-string css language-css"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string css language-css"></span><span class="token template-string css language-css property">边缘左<//span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">：<//span><span class="token template-string css language-css"></span><span class="token template-string css language-css number" style="color:rgb(247, 140, 108)">8<//span><span class="token template-string css language-css unit">Px<//span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token template-string css language-css"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string css language-css"></span><span class="token template-string css language-css punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token template-string css language-css"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token template-string css language-css"></span><span class="token template-string template-punctuation string" style="color:rgb(195, 232, 141)">`<///span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain">自定义<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token method function property-access" style="color:rgb(130, 170, 255)">定义<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token string" style="color:rgb(195, 232, 141)">“有线toggle-卡”<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">，，，，<//span><span class="token plain"></span><span class="token maybe-class-name">WiredToggleCard<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><br></span></code></pre> <div class="buttonGroup_hRr1"> <button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_W9eQ" aria-hidden="true"> <svg class="copyButtonIcon_XEyF" viewbox="0 0 24 24"> <path d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path> </svg> <svg class="copyButtonSuccessIcon_i9w9" viewbox="0 0 24 24"> <path d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path> </svg></span></button> </div> </div> </div> <p>用URL向仪表板配置添加资源<code>/local/wired-cards.js<//code>和类型<code>模块<//code>。<//p> <p>以及您的配置：<//p> <div class="language-yaml codeBlockContainer_MPoW theme-code-block" style="--prism-color:#bfc7d5;--prism-background-color:#292d3e"> <div class="codeBlockContent_B9tL"> <pre tabindex="0" class="prism-code language-yaml codeBlock__0OG thin-scrollbar"><code class="codeBlockLines_gEuF"><span class="token-line" style="color:#bfc7d5"><span class="token comment" style="color:rgb(105, 112, 152);font-style:italic">＃示例仪表板配置<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token key atrule">视图<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">：<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">-<//span><span class="token plain"></span><span class="token key atrule">姓名<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">：<//span><span class="token plain">例子<//span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token key atrule">牌<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">：<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">-<//span><span class="token plain"></span><span class="token key atrule">类型<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">：<//span><span class="token plain"></span><span class="token string" style="color:rgb(195, 232, 141)">“自定义：有线toggle卡”<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token key atrule">实体<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">：<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">-<//span><span class="token plain">input_boolean.switch_ac_kitchen<//span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">-<//span><span class="token plain">input_boolean.switch_ac_livingroom<//span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">-<//span><span class="token plain">input_boolean.switch_tv<//span><br></span></code></pre> <div class="buttonGroup_hRr1"> <button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_W9eQ" aria-hidden="true"> <svg class="copyButtonIcon_XEyF" viewbox="0 0 24 24"> <path d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path> </svg> <svg class="copyButtonSuccessIcon_i9w9" viewbox="0 0 24 24"> <path d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path> </svg></span></button> </div> </div> </div> <h2 class="anchor anchorWithStickyNavbar_mojV" id="graphical-card-configuration">图形卡配置<a class="hash-link" href="//www.jameselles.com/developers/docs/frontend/custom-ui/custom-card/#graphical-card-configuration" title=""></a></h2> <p>您的卡可以定义<code>getConfigelement<//code>返回用于编辑用户配置的自定义元素的方法。必威是什么家庭助理将在仪表板中的卡片编辑器中显示此元素。<///p> <p>您的卡也可以定义<code>getStubConfig<//code>返回默认卡配置的方法（没有<code>类型：<//code>参数）以JSON形式使用仪表板中的卡类型拾音器使用。<//p> <p>必威是什么家庭助理将致电<code>setConfig<//code>设置上的配置元素的方法。必威是什么家庭助理将更新<code>哈斯<//code>状态更改上的配置元素的属性，<code>Lovelace<//code>元素，其中包含有关仪表板配置的信息。<//p> <p>配置的更改通过派遣来传达给仪表板<code>配置改变<//code>带有新配置的事件。<//p> <p>要将您的卡显示在仪表板中的卡片拾取器对话框中，请在数组中添加一个描述它的对象<code>Window.customcards<//code>。对象的必需属性是<code>类型<//code>和<code>姓名<//code>（请参阅下面的示例）。<//p> <div class="language-js codeBlockContainer_MPoW theme-code-block" style="--prism-color:#bfc7d5;--prism-background-color:#292d3e"> <div class="codeBlockContent_B9tL"> <pre tabindex="0" class="prism-code language-js codeBlock__0OG thin-scrollbar"><code class="codeBlockLines_gEuF"><span class="token-line" style="color:#bfc7d5"><span class="token keyword" style="font-style:italic">班级<//span><span class="token plain"></span><span class="token class-name" style="color:rgb(255, 203, 107)">ContentCardExampame<//span><span class="token plain"></span><span class="token keyword" style="font-style:italic">扩展<//span><span class="token plain"></span><span class="token class-name" style="color:rgb(255, 203, 107)">htmlelement<//span><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword" style="font-style:italic">静止的<//span><span class="token plain"></span><span class="token function" style="color:rgb(130, 170, 255)">getConfigelement<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword control-flow" style="font-style:italic">返回<//span><span class="token plain"></span><span class="token dom variable" style="color:rgb(191, 199, 213)">文档<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token method function property-access" style="color:rgb(130, 170, 255)">创建<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token string" style="color:rgb(195, 232, 141)">“ content-card-editor”<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword" style="font-style:italic">静止的<//span><span class="token plain"></span><span class="token function" style="color:rgb(130, 170, 255)">getStubConfig<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword control-flow" style="font-style:italic">返回<//span><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token plain"></span><span class="token literal-property property">实体<//span><span class="token operator" style="color:rgb(137, 221, 255)">：<//span><span class="token plain"></span><span class="token string" style="color:rgb(195, 232, 141)">“太阳”<//span><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token spread operator" style="color:rgb(137, 221, 255)">...<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain">自定义<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token method function property-access" style="color:rgb(130, 170, 255)">定义<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token string" style="color:rgb(195, 232, 141)">“内容卡示例”<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">，，，，<//span><span class="token plain"></span><span class="token maybe-class-name">ContentCardExampame<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><br></span></code></pre> <div class="buttonGroup_hRr1"> <button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_W9eQ" aria-hidden="true"> <svg class="copyButtonIcon_XEyF" viewbox="0 0 24 24"> <path d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path> </svg> <svg class="copyButtonSuccessIcon_i9w9" viewbox="0 0 24 24"> <path d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path> </svg></span></button> </div> </div> </div> <div class="language-js codeBlockContainer_MPoW theme-code-block" style="--prism-color:#bfc7d5;--prism-background-color:#292d3e"> <div class="codeBlockContent_B9tL"> <pre tabindex="0" class="prism-code language-js codeBlock__0OG thin-scrollbar"><code class="codeBlockLines_gEuF"><span class="token-line" style="color:#bfc7d5"><span class="token keyword" style="font-style:italic">班级<//span><span class="token plain"></span><span class="token class-name" style="color:rgb(255, 203, 107)">ContentCardeditor<//span><span class="token plain"></span><span class="token keyword" style="font-style:italic">扩展<//span><span class="token plain"></span><span class="token class-name" style="color:rgb(255, 203, 107)">litelement<//span><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token function" style="color:rgb(130, 170, 255)">setConfig<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token parameter">config<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword" style="font-style:italic">这个<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token property-access">_config<//span><span class="token plain"></span><span class="token operator" style="color:rgb(137, 221, 255)">=<///span><span class="token plain">config<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token function" style="color:rgb(130, 170, 255)">configchanged<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token parameter">newconfig<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword" style="font-style:italic">const<//span><span class="token plain">事件<//span><span class="token operator" style="color:rgb(137, 221, 255)">=<///span><span class="token plain"></span><span class="token keyword" style="font-style:italic">新的<//span><span class="token plain"></span><span class="token class-name" style="color:rgb(255, 203, 107)">事件<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token string" style="color:rgb(195, 232, 141)">“配置改变”<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">，，，，<//span><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token literal-property property">气泡<//span><span class="token operator" style="color:rgb(137, 221, 255)">：<//span><span class="token plain"></span><span class="token boolean" style="color:rgb(255, 88, 116)">真的<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">，，，，<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token literal-property property">组成<//span><span class="token operator" style="color:rgb(137, 221, 255)">：<//span><span class="token plain"></span><span class="token boolean" style="color:rgb(255, 88, 116)">真的<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain">事件<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token property-access">细节<//span><span class="token plain"></span><span class="token operator" style="color:rgb(137, 221, 255)">=<///span><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token literal-property property">config<//span><span class="token operator" style="color:rgb(137, 221, 255)">：<//span><span class="token plain">newconfig<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword" style="font-style:italic">这个<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token method function property-access" style="color:rgb(130, 170, 255)">调度<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token plain">事件<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain">自定义<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token method function property-access" style="color:rgb(130, 170, 255)">定义<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token string" style="color:rgb(195, 232, 141)">“ content-card-editor”<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">，，，，<//span><span class="token plain"></span><span class="token maybe-class-name">ContentCardeditor<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token dom variable" style="color:rgb(191, 199, 213)">窗户<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token property-access">定制<//span><span class="token plain"></span><span class="token operator" style="color:rgb(137, 221, 255)">=<///span><span class="token plain"></span><span class="token dom variable" style="color:rgb(191, 199, 213)">窗户<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token property-access">定制<//span><span class="token plain"></span><span class="token operator" style="color:rgb(137, 221, 255)">||<//span><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">[[<///span><span class="token punctuation" style="color:rgb(199, 146, 234)">这是给予的<///span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token dom variable" style="color:rgb(191, 199, 213)">窗户<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token property-access">定制<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">。<//span><span class="token method function property-access" style="color:rgb(130, 170, 255)">推<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">（（<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">{<///span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token literal-property property">类型<//span><span class="token operator" style="color:rgb(137, 221, 255)">：<//span><span class="token plain"></span><span class="token string" style="color:rgb(195, 232, 141)">“内容卡示例”<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">，，，，<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token literal-property property">姓名<//span><span class="token operator" style="color:rgb(137, 221, 255)">：<//span><span class="token plain"></span><span class="token string" style="color:rgb(195, 232, 141)">“内容卡”<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">，，，，<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token literal-property property">预习<//span><span class="token operator" style="color:rgb(137, 221, 255)">：<//span><span class="token plain"></span><span class="token boolean" style="color:rgb(255, 88, 116)">错误的<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">，，，，<//span><span class="token plain"></span><span class="token comment" style="color:rgb(105, 112, 152);font-style:italic">//可选 - 默认为false<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token literal-property property">描述<//span><span class="token operator" style="color:rgb(137, 221, 255)">：<//span><span class="token plain"></span><span class="token string" style="color:rgb(195, 232, 141)">“我制作的定制卡！”<//span><span class="token plain"></span><span class="token comment" style="color:rgb(105, 112, 152);font-style:italic">// 可选的<//span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">}<///span><span class="token punctuation" style="color:rgb(199, 146, 234)">）<//span><span class="token punctuation" style="color:rgb(199, 146, 234)">;<//span><br></span></code></pre> <div class="buttonGroup_hRr1"> <button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_W9eQ" aria-hidden="true"> <svg class="copyButtonIcon_XEyF" viewbox="0 0 24 24"> <path d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path> </svg> <svg class="copyButtonSuccessIcon_i9w9" viewbox="0 0 24 24"> <path d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path> </svg></span></button> </div> </div> </div> <h2 class="anchor anchorWithStickyNavbar_mojV" id="advanced-resources">高级资源<a class="hash-link" href="//www.jameselles.com/developers/docs/frontend/custom-ui/custom-card/#advanced-resources" title=""></a></h2> <p>社区维护的样板卡 - 高级模板（打字稿，汇总，绒毛等）<//p> <ul> <li><a href="https://github.com/custom-cards/boilerplate-card" target="_blank" rel="noopener noreferrer">样板卡<//a></li> </ul> <p>开发人员文档<a href="https://hacs.xyz/" target="_blank" rel="noopener noreferrer">HACS<//a>（必威是什么家庭助理社区商店）。<//p> <ul> <li><a href="https://hacs.xyz/docs/publish/plugin" target="_blank" rel="noopener noreferrer">HACS插件文档<//a></li> </ul> </div> <footer class="theme-doc-footer docusaurus-mt-lg"> <div class="theme-doc-footer-edit-meta-row row"> <div class="col"> <a href="https://github.com/home-assistant/developers.home-assistant/edit/master/docs/frontend/custom-ui/custom-card.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"> <svg fill="currentColor" height="20" width="20" viewbox="0 0 40 40" class="iconEdit_dcUD" aria-hidden="true"> <g> <path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path> </g> </svg>编辑这个页面<//a> </div> <div class="col lastUpdated_foO9"> <span class="theme-last-updated">最近更新时间<呢---->上<b><time datetime="2022-04-18T18:22:59.000Z">4/18/2022<//time></b></span> </div> </div> </footer> </article> <nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"> <a class="pagination-nav__link pagination-nav__link--prev" href="//www.jameselles.com/developers/docs/frontend/extending/websocket-api"> <div class="pagination-nav__sublabel"> 以前的<//div><div班级=“pagination-nav__label"> 扩展Websocket API<//div><//a> <a class="pagination-nav__link pagination-nav__link--next" href="//www.jameselles.com/developers/docs/frontend/custom-ui/custom-strategy"> <div class="pagination-nav__sublabel"> 下一个<//div><div班级=“pagination-nav__label"> 自定义策略<//div><//a> </nav> </div> </div> <div class="col col--3"> <div class="tableOfContents_cNA8 thin-scrollbar theme-doc-toc-desktop"> <ul class="table-of-contents table-of-contents__left-border"> <li><a href="//www.jameselles.com/developers/docs/frontend/custom-ui/custom-card/#defining-your-card" class="table-of-contents__link toc-highlight">定义您的卡<//a></li> <li><a href="//www.jameselles.com/developers/docs/frontend/custom-ui/custom-card/#referencing-your-new-card" class="table-of-contents__link toc-highlight">引用您的新卡<//a></li> <li><a href="//www.jameselles.com/developers/docs/frontend/custom-ui/custom-card/#api" class="table-of-contents__link toc-highlight">API<//a></li> <li><a href="//www.jameselles.com/developers/docs/frontend/custom-ui/custom-card/#advanced-example" class="table-of-contents__link toc-highlight">高级示例<//a></li> <li><a href="//www.jameselles.com/developers/docs/frontend/custom-ui/custom-card/#graphical-card-configuration" class="table-of-contents__link toc-highlight">图形卡配置<//a></li> <li><a href="//www.jameselles.com/developers/docs/frontend/custom-ui/custom-card/#advanced-resources" class="table-of-contents__link toc-highlight">高级资源<//a></li> </ul> </div> </div> </div> </div> </main> </div> </div> <footer class="footer footer--dark"> <div class="container container-fluid"> <div class="row footer__links"> <div class="col footer__col"> <div class="footer__title"> 更多家庭助必威是什么理<//div><ul class="footer__items clean-list"> <li class="footer__item"><a href="//www.jameselles.com/developers/" target="_blank" rel="noopener noreferrer" class="footer__link-item">主页<svg width="13.5" height="13.5" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_I5OW"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></a></li> <li class="footer__item"><a href="//www.jameselles.com/data" target="_blank" rel="noopener noreferrer" class="footer__link-item">数据科学门户网站<svg width="13.5" height="13.5" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_I5OW"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></a></li> <li class="footer__item"><a href="//www.jameselles.com/alerts" target="_blank" rel="noopener noreferrer" class="footer__link-item">警报<svg width="13.5" height="13.5" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_I5OW"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></a></li> <li class="footer__item"><a href="//www.jameselles.com/status/" target="_blank" rel="noopener noreferrer" class="footer__link-item">系统状况<svg width="13.5" height="13.5" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_I5OW"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></a></li> </ul> </div> <div class="col footer__col"> <div class="footer__title"> 社会的<//div><ul class="footer__items clean-list"> <li class="footer__item"><a class="footer__link-item" href="//www.jameselles.com/developers/blog">博客<//a></li> <li class="footer__item"><a href="https://github.com/home-assistant" target="_blank" rel="noopener noreferrer" class="footer__link-item">github<svg width="13.5" height="13.5" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_I5OW"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></a></li> <li class="footer__item"><a href="https://twitter.com/hass_devs" target="_blank" rel="noopener noreferrer" class="footer__link-item">推特<svg width="13.5" height="13.5" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_I5OW"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></a></li> <li class="footer__item"><a href="//www.jameselles.com/developers/join-chat" target="_blank" rel="noopener noreferrer" class="footer__link-item">不和谐聊天<svg width="13.5" height="13.5" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_I5OW"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></a></li> </ul> </div> <div class="col footer__col"> <div class="footer__title"> 其他<//div><ul class="footer__items clean-list"> <li class="footer__item"><a href="//www.jameselles.com/developers/privacy/" target="_blank" rel="noopener noreferrer" class="footer__link-item">隐私<svg width="13.5" height="13.5" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_I5OW"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></a></li> <li class="footer__item"><a href="//www.jameselles.com/developers/security/" target="_blank" rel="noopener noreferrer" class="footer__link-item">安全<svg width="13.5" height="13.5" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_I5OW"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></a></li> </ul> </div> <div class="col footer__col"> <div class="footer__title"> 谢谢<//div><ul class="footer__items clean-list"> <li class="footer__item"><a href="https://www.netlify.com" target="_blank" rel="noreferrer noopener" aria-label="Deploys by Netlify"><img src="https://www.netlify.com/v3/img/components/netlify-color-accent.svg" alt="通过Netlify部署“><//a></li> </ul> </div> </div> <div class="footer__bottom text--center"> <div class="margin-bottom--sm"> <a href="//www.jameselles.com/developers/" target="_blank" rel="noopener noreferrer" class="footerLogoLink_gHmE"><img src="//www.jameselles.com/developers/img/logo-white.svg" alt="必威是什么" class="themedImage_W2Cr themedImage--light_TfLj footer__logo"><img src="//www.jameselles.com/developers/img/logo-white.svg" alt="必威是什么" class="themedImage_W2Cr themedImage--dark_oUvU footer__logo"></a> </div> <div class="footer__copyright"> 版权所有©2022 Home As必威是什么sistant，Inc。由Docusaurus构建。<//div><//div><//div><//footer> </div> <div style="text-align:center;margin-bottom:5px;"><form action="http://www.baidu.com/baidu" target="_blank"><div bgcolor="#FFFFFF" style="text-align:center;"><input name="tn" type="hidden" value="baidu"><a href="http://www.baidu.com/"><img src="http://img.baidu.com/img/logo-80px.gif" width="80px" height="29px" alt="Baidu" align="bottom" border="0"></a><input type="text" name="word" size="30" placeholder="" value=""><input type="submit" value="百度搜索"></div></form></div><div id="so360" style="text-align:center;margin-bottom:5px;"><form action="https://www.so.com/" target="_blank" id="so360form"><img src="http://p1.qhimg.com/d/_onebox/search.png" width="100px" height="25px"> <input type="text" autocomplete="off" name="q" id="so360_keyword" placeholder="" value=""> <input type="submit" id="so360_submit" value="360搜索"> <input type="hidden" name="ie" value="gbk"><input type="hidden" name="src" value="zz"> <input type="hidden" name="site" value="so.com"> <input type="hidden" name="rg" value="1"></form></div><div id="sogou" style="text-align:center;margin-bottom:5px;"><form action="https://www.sogou.com/" target="_blank" id="so360form"><img src="https://www.sogou.com/web/index/images/logo_440x140.v.4.png" width="100px" height="25px"> <input type="text" autocomplete="off" name="q" id="sogou.com_keyword" placeholder="" value=""> <input type="submit" id="sogou_submit" value="搜狗"> <input type="hidden" name="ie" value="gbk"><input type="hidden" name="src" value="zz"> <input type="hidden" name="site" value="so.com"> <input type="hidden" name="rg" value="1"></form></div></body> </html>