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