1/* 2 * Copyright (C) 2024 Huawei Device Co., Ltd. 3 * Licensed under the Apache License, Version 2.0 (the "License"); 4 * you may not use this file except in compliance with the License. 5 * You may obtain a copy of the License at 6 * 7 * http://www.apache.org/licenses/LICENSE-2.0 8 * 9 * Unless required by applicable law or agreed to in writing, software 10 * distributed under the License is distributed on an "AS IS" BASIS, 11 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 12 * See the License for the specific language governing permissions and 13 * limitations under the License. 14 */ 15export class ApWelcome extends HTMLElement { 16 constructor() { 17 super(); 18 this.attachShadow({ mode: 'open' }).innerHTML = this.initHtml(); 19 } 20 initHtml() { 21 return ` 22 <style> 23 :host { 24 width: 100%; 25 height: 100%; 26 display: grid; 27 justify-content: center; 28 align-content: center; 29 background: #F6F6F6; 30 } 31 .lit-icon{ 32 content: url('img/pic.png'); 33 } 34 </style> 35 <div> 36 <img class="lit-icon" > 37 </div> 38 `; 39 } 40} 41if (!customElements.get('ap-welcome')) { 42 customElements.define('ap-welcome', ApWelcome); 43} 44