1/** 2 * Copyright (c) 2022 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 16import CallRecordPresenter from '../../presenter/dialer/callRecord/CallRecordPresenter' 17 18@Component 19export struct DialerInitialPage { 20 @State mPresenter: CallRecordPresenter = CallRecordPresenter.getInstance(); 21 22 aboutToAppear() { 23 this.mPresenter.aboutToAppear(); 24 } 25 26 build() { 27 Column() { 28 Text($r("app.string.support_pinyin")) 29 .fontSize($r("sys.float.ohos_id_text_size_body1")) 30 .fontColor($r("sys.color.ohos_id_color_text_tertiary")) 31 .textAlign(TextAlign.Center) 32 .fontWeight(FontWeight.Medium) 33 .margin({ bottom: $r("app.float.id_card_margin_xxl") }) 34 35 Row() { 36 Text($r("app.string.search_huaxiaofen")) 37 .fontSize($r("sys.float.ohos_id_text_size_body2")) 38 .fontColor($r("sys.color.ohos_id_color_text_tertiary")) 39 .textAlign(TextAlign.Center) 40 .fontWeight(FontWeight.Regular) 41 42 Text("H") 43 .fontSize($r("sys.float.ohos_id_text_size_body2")) 44 .fontColor($r("sys.color.ohos_id_color_connected")) 45 .textAlign(TextAlign.Center) 46 .fontWeight(FontWeight.Regular) 47 48 Text("ua ") 49 .fontSize($r("sys.float.ohos_id_text_size_body2")) 50 .fontColor($r("sys.color.ohos_id_color_text_tertiary")) 51 .textAlign(TextAlign.Center) 52 .fontWeight(FontWeight.Regular) 53 54 Text("X") 55 .fontSize($r("sys.float.ohos_id_text_size_body2")) 56 .fontColor($r("sys.color.ohos_id_color_connected")) 57 .textAlign(TextAlign.Center) 58 .fontWeight(FontWeight.Regular) 59 60 Text("iao ") 61 .fontSize($r("sys.float.ohos_id_text_size_body2")) 62 .fontColor($r("sys.color.ohos_id_color_text_tertiary")) 63 .textAlign(TextAlign.Center) 64 .fontWeight(FontWeight.Regular) 65 66 Text("F") 67 .fontSize($r("sys.float.ohos_id_text_size_body2")) 68 .fontColor($r("sys.color.ohos_id_color_connected")) 69 .textAlign(TextAlign.Center) 70 .fontWeight(FontWeight.Regular) 71 72 Text($r("app.string.you_can_enter")) 73 .fontSize($r("sys.float.ohos_id_text_size_body2")) 74 .fontColor($r("sys.color.ohos_id_color_text_tertiary")) 75 .textAlign(TextAlign.Center) 76 .fontWeight(FontWeight.Regular) 77 } 78 .margin({ bottom: $r("app.float.id_card_margin_xxl") }) 79 80 Flex({ direction: FlexDirection.Row, 81 justifyContent: FlexAlign.SpaceEvenly, 82 alignItems: ItemAlign.Start }) { 83 Column() { 84 Text("4") 85 .fontSize($r("sys.float.ohos_id_text_size_headline8")) 86 .fontColor($r("sys.color.ohos_id_color_text_secondary")) 87 .fontWeight(FontWeight.Regular) 88 89 Row() { 90 Text("G") 91 .fontSize($r("sys.float.ohos_id_text_size_body2")) 92 .fontColor($r("sys.color.ohos_id_color_text_tertiary")) 93 .fontWeight(FontWeight.Regular) 94 95 Text("H") 96 .fontSize($r("sys.float.ohos_id_text_size_body2")) 97 .fontColor($r("sys.color.ohos_id_color_connected")) 98 .fontWeight(FontWeight.Regular) 99 100 Text("I") 101 .fontSize($r("sys.float.ohos_id_text_size_body2")) 102 .fontColor($r("sys.color.ohos_id_color_text_tertiary")) 103 .fontWeight(FontWeight.Regular) 104 } 105 } 106 107 Text("+") 108 .fontSize($r("sys.float.ohos_id_text_size_body1")) 109 .fontColor($r("sys.color.ohos_id_color_text_secondary")) 110 .fontWeight(FontWeight.Regular) 111 112 Column() { 113 Text("9") 114 .fontSize($r("sys.float.ohos_id_text_size_headline8")) 115 .fontColor($r("sys.color.ohos_id_color_text_secondary")) 116 .fontWeight(FontWeight.Regular) 117 118 Row() { 119 Text("W") 120 .fontSize($r("sys.float.ohos_id_text_size_body2")) 121 .fontColor($r("sys.color.ohos_id_color_text_tertiary")) 122 .fontWeight(FontWeight.Regular) 123 124 Text("X") 125 .fontSize($r("sys.float.ohos_id_text_size_body2")) 126 .fontColor($r("sys.color.ohos_id_color_connected")) 127 .fontWeight(FontWeight.Regular) 128 129 Text("YZ") 130 .fontSize($r("sys.float.ohos_id_text_size_body2")) 131 .fontColor($r("sys.color.ohos_id_color_text_tertiary")) 132 .fontWeight(FontWeight.Regular) 133 } 134 } 135 136 Text("+") 137 .fontSize($r("sys.float.ohos_id_text_size_body1")) 138 .fontColor($r("sys.color.ohos_id_color_text_secondary")) 139 .fontWeight(FontWeight.Regular) 140 141 Column() { 142 Text("3") 143 .fontSize($r("sys.float.ohos_id_text_size_headline8")) 144 .fontColor($r("sys.color.ohos_id_color_text_secondary")) 145 .fontWeight(FontWeight.Regular) 146 147 Row() { 148 Text("DE") 149 .fontSize($r("sys.float.ohos_id_text_size_body2")) 150 .fontColor($r("sys.color.ohos_id_color_text_tertiary")) 151 .fontWeight(FontWeight.Regular) 152 153 Text("F") 154 .fontSize($r("sys.float.ohos_id_text_size_body2")) 155 .fontColor($r("sys.color.ohos_id_color_connected")) 156 .fontWeight(FontWeight.Regular) 157 } 158 } 159 } 160 .padding({ left: $r("app.float.id_item_height_max"), right: $r("app.float.id_item_height_max") }) 161 } 162 .width('100%') 163 .height('100%') 164 .alignItems(HorizontalAlign.Center) 165 .backgroundColor($r("sys.color.ohos_id_color_primary_contrary")) 166 .markAnchor({ x: 0, y: 60 }) 167 .position({ x: 0, y: '40%' }) 168 } 169}