1/* 2 * Copyright (c) 2023 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 */ 15 16@Entry 17@Component 18struct Index { 19 @State message: string = 'HSP index page'; 20 21 build() { 22 Column() { 23 Text(this.message) 24 .fontFamily('HarmonyHeiTi') 25 .fontWeight(FontWeight.Bold) 26 .fontSize(32) 27 .fontWeight(700) 28 .fontColor($r('app.color.text_color')) 29 .margin({ top: '32px' }) 30 .width('624px') 31 32 List() { 33 ListItem() { 34 // 引用HAR的图片资源 35 Image($r('app.media.example')) 36 .id('example') 37 .borderRadius('48px') 38 } 39 .margin({ top: '50%' }) 40 .width('312px') 41 } 42 .alignListItem(ListItemAlign.Center) 43 } 44 .backgroundColor($r('app.color.page_background')) 45 .width('100%') 46 .height('100%') 47 } 48}