import { promptAction, router } from "@kit.ArkUI";
|
import { http } from "@kit.NetworkKit";
|
import { HttpResponseResult } from "../../data/HttpResponse";
|
import { LvMarkdownIn } from "@luvi/lv-markdown-in"
|
import { DOMAIN } from "../../utils/config";
|
|
class BannerInfo {
|
pic: string = ''
|
content: string = ''
|
}
|
|
@Entry
|
@Component
|
struct BannerDetail {
|
@State bannerId: string = '';
|
@State bannerInfo: BannerInfo = {
|
pic: '',
|
content: ''
|
}
|
aboutToAppear(): void {
|
interface Params {
|
bannerId: string
|
}
|
const params: Params = router.getParams() as Params
|
if (params) {
|
this.bannerId = params.bannerId
|
console.log('bannerId', this.bannerId)
|
this.getDetail()
|
}
|
|
}
|
|
getDetail() {
|
let httpRequest = http.createHttp();
|
httpRequest.request(
|
`${DOMAIN}/quiz-community/public/v1.0/home/slideshows/details?bannerId=${this.bannerId}`,
|
{
|
method: http.RequestMethod.GET,
|
header: { 'Content-Type': 'application/json', 'x-jwt-token': `Bearer ${AppStorage.get('x-jwt-token')}` },
|
},
|
(err, data) => {
|
console.log('response', '/home/slideshows/details')
|
console.log(JSON.stringify(data.result))
|
if (data.responseCode == 200) {
|
const resData = (typeof data.result == 'string' ? JSON.parse(data.result) : data.result) as HttpResponseResult<BannerInfo>
|
if (resData.code == 200) {
|
this.bannerInfo = resData.data as BannerInfo
|
} else {
|
promptAction.showToast({ message: resData.msg })
|
}
|
}
|
}
|
)
|
}
|
|
build() {
|
Column() {
|
Row() {
|
Image($r('app.media.left_icon'))
|
.width(20)
|
.height(20)
|
.onClick(() => {
|
router.back()
|
})
|
Text('详情页')
|
.fontSize(18)
|
.fontWeight(700)
|
Row()
|
}
|
.width('100%')
|
.padding(10)
|
.justifyContent(FlexAlign.SpaceBetween)
|
|
Image(this.bannerInfo.pic)
|
.width('100%')
|
.height(150)
|
|
LvMarkdownIn({ text: this.bannerInfo.content.toString() })
|
.width('100%')
|
.height(560)
|
.padding({ left: 10, right: 10 })
|
|
}
|
.width('100%')
|
.height('100%')
|
}
|
}
|
