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 PlayListCover from '../common/PlayListCover' 17import PlayList from '../common/PlayList' 18 19@Component 20export default struct Content { 21 @Provide coverHeight: number = 0 22 23 build() { 24 GridRow() { 25 GridCol({ span: { sm: 12, md: 6, lg: 4 } }) { 26 PlayListCover() 27 .onAreaChange((oldArea: Area, newArea: Area) => { 28 this.coverHeight = newArea.height as number 29 }) 30 } 31 .backgroundColor('#e4ecf7') 32 33 GridCol({ span: { sm: 12, md: 6, lg: 8 } }) { 34 PlayList() 35 } 36 .borderRadius(40) 37 } 38 .height('100%') 39 } 40}