|
class Message {
|
avatar: string | Resource = ''
|
name: string = ''
|
company: string = ''
|
desc: string = ''
|
}
|
|
@Entry
|
@Component
|
export struct MessagePage {
|
@State messageList: Message[] = [
|
{ avatar: '', name: '李女士', company: '摩米移动科技|移动端开发工程师', desc: '这个岗位我十分感兴趣，请看一下我的简历，我...' },
|
{ avatar: '', name: '林先生', company: '摩米移动科技|移动端开发工程师', desc: '这个岗位我十分感兴趣，请看一下我的简历，我...' },
|
{ avatar: '', name: '吴女士', company: '摩米移动科技|移动端开发工程师', desc: '这个岗位我十分感兴趣，请看一下我的简历，我...' }
|
]
|
|
build() {
|
Column({space: 10}) {
|
Text('联系人')
|
.width('100%')
|
.textAlign(TextAlign.Start)
|
.fontWeight(800)
|
.fontSize(18)
|
.margin({ left: 16 })
|
Row() {
|
Image($r('app.media.search_icon'))
|
.width(14)
|
.height(14)
|
TextInput({ placeholder: '搜索想要查找的岗位' })
|
.placeholderFont({ size: 14})
|
.placeholderColor('#999999')
|
.backgroundColor('#f3f7fe')
|
}
|
.borderRadius(30)
|
.padding({ left: 20, right: 20 })
|
.backgroundColor('#f3f7fe')
|
.width('100%')
|
.margin({ top: 10 })
|
|
List({ space: 10, initialIndex: 0 }){
|
ForEach(this.messageList, (item: Message) => {
|
|
})
|
}
|
.height('100%')
|
.padding({top:10})
|
.margin({bottom: 30})
|
.backgroundColor(Color.White)
|
.divider({strokeWidth: 2,color: '#ccc'})
|
}
|
.height('100%')
|
.width('100%')
|
.padding({ left: 10, right: 10 })
|
}
|
}
|
