/*
 * Copyright (C) 2024 Huawei Device Co., Ltd.
 * Licensed under the Apache License, Version 2.0 (the 'License');
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an 'AS IS' BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
import { ImageKnifeComponent } from '@ohos/libraryimageknife'
import { PageViewModel } from '../model/PageViewModel'


@Component
export struct LongImagePage {

  build() {
    Scroll() {

      // Image('https://wx2.sinaimg.cn/mw690/006HyQKGgy1hnqp08dw09j30u04twu0x.jpg').objectFit(ImageFit.Auto).height(300)

      // Image($r('app.media.aaa')).objectFit(ImageFit.Auto).width(200)
      ImageKnifeComponent({
        imageKnifeOption: {
          loadSrc:PageViewModel.getLongMenus()[0],
          //src:$r('app.media.aaa'),
          placeholderSrc: $r('app.media.loading'),
          errorholderSrc: $r('app.media.failed'),
          httpOption: {
            connectTimeout: 60000,
            readTimeout: 60000
          },
          objectFit: ImageFit.Auto,
          placeholderObjectFit: ImageFit.Auto,
          errorholderObjectFit: ImageFit.Auto
        }
      }).backgroundColor(Color.Orange)
    }
    .height('100%') .width('100%')
  }
}