Skip to content

J
jump_hm_warehouse
Commit 922ded7d by 陈桂东
Options

commit

parent ae06f0d7
正在显示 包含 171 行增加 和 9 行删除
entry/src/main/ets/index.ets
@Entry
@Component
export struct PageManagement {
@State fontColor: string = '#182431'
@State selectedFontColor: string = '#007DFF'
@State currentIndex: number = 0
private controller: TabsController = new TabsController()
@Builder TabBuilder(index: number, name: string) {
Column() {
Text(name)
.fontColor(this.currentIndex === index ? this.selectedFontColor : this.fontColor)
.fontSize(16)
.fontWeight(this.currentIndex === index ? 500 : 400)
.lineHeight(22)
.margin({ top: 17, bottom: 7 })
Divider()
.strokeWidth(2)
.color('#0fa983')
.opacity(this.currentIndex === index ? 1 : 0)
}.width('100%')
}
build() {
Column() {
Column(){
TextInput({ placeholder: '请输入订单号查询' })
.backgroundColor("#fff").width('80%')
}.backgroundColor("#0fa983").width('100%').height(70)
Image($rawfile("parcelManagement/banner-.png")).width('100%')
Row(){
Flex({justifyContent:FlexAlign.SpaceEvenly}){
Row(){
Column(){
Image($rawfile("parcelManagement/qj.png")).width(30).margin({top:15})
Text("取件").margin({top:15}).fontWeight(600).fontSize(18)
Text("仓库取件").margin({bottom:15,top:15}).fontSize(13)
}
}.width("45%").backgroundColor('#f8fdfc').justifyContent(FlexAlign.Center)
Row(){
Column(){
Image($rawfile("parcelManagement/cx.png")).width(42).margin({top:15})
Text("取件").margin({top:15}).fontWeight(600).fontSize(18)
Text("仓库取件").margin({bottom:15,top:15}).fontSize(13)
}
}.width("45%").backgroundColor('#f8fdfc').justifyContent(FlexAlign.Center)
}
}.margin({top: 20})
Tabs({ barPosition: BarPosition.Start, controller: this.controller }) {
TabContent() {
Column().width('100%').height('100%').backgroundColor('#00CB87')
}.tabBar(this.TabBuilder(0, '最新上架'))
TabContent() {
Column().width('100%').height('100%').backgroundColor('#007DFF')
}.tabBar(this.TabBuilder(1, '取件记录'))
}
.height(250)
.onChange((index: number) => {
this.currentIndex = index
})
Row() {
Row() {
Column(){
Row(){
Text("0")
Text("条")
}
Text("订单数量")
}
}.width('50%').justifyContent(FlexAlign.Center)
Row() {
Column(){
Text("待上架0条")
Text("未领取0条")
Text("已领取0条")
}
}.width('50%').justifyContent(FlexAlign.Center)
}
}
.width('100%')
}
}
\ No newline at end of file
entry/src/main/ets/viewmodel/MainPageData.ets
...@@ -25,7 +25,7 @@ const buttonInfo: ButtonInfoModel[] = [ ...@@ -25,7 +25,7 @@ const buttonInfo: ButtonInfoModel[] = [
index: 0, index: 0,
img: $rawfile("tabbar/saomiao.png"), img: $rawfile("tabbar/saomiao.png"),
selectImg: $rawfile("tabbar/saomiao3.png"), selectImg: $rawfile("tabbar/saomiao3.png"),
title: $r('app.string.wz_management') title: $r('app.string.direct')
}, },
{ {
index: 1, index: 1,
......
features/PageManagement/src/main/ets/pages/PageManagement.ets
@Entry
@Component @Component
export struct PageManagement { export struct PageManagement {
@State message: string = 'PageManagement'
@State fontColor: string = '#182431'
@State selectedFontColor: string = '#007DFF'
@State currentIndex: number = 0
private controller: TabsController = new TabsController()
@Builder TabBuilder(index: number, name: string) {
Column() {
Text(name)
.fontColor(this.currentIndex === index ? this.selectedFontColor : this.fontColor)
.fontSize(16)
.fontWeight(this.currentIndex === index ? 500 : 400)
.lineHeight(22)
.margin({ top: 17, bottom: 7 })
Divider()
.strokeWidth(2)
.color('#0fa983')
.opacity(this.currentIndex === index ? 1 : 0)
}.width('100%')
}
build() { build() {
Row() { Column() {
Column() { Column(){
Text(this.message) TextInput({ placeholder: '请输入订单号查询' })
.fontSize(50) .backgroundColor("#fff").width('80%')
.fontWeight(FontWeight.Bold) }.backgroundColor("#0fa983").width('100%').height(70)
Image($rawfile("parcelManagement/banner-.png")).width('100%')
Row(){
Flex({justifyContent:FlexAlign.SpaceEvenly}){
Row(){
Column(){
Image($rawfile("parcelManagement/qj.png")).width(30).margin({top:15})
Text("取件").margin({top:15}).fontWeight(600).fontSize(18)
Text("仓库取件").margin({bottom:15,top:15}).fontSize(13)
}
}.width("45%").backgroundColor('#f8fdfc').justifyContent(FlexAlign.Center)
Row(){
Column(){
Image($rawfile("parcelManagement/cx.png")).width(42).margin({top:15})
Text("取件").margin({top:15}).fontWeight(600).fontSize(18)
Text("仓库取件").margin({bottom:15,top:15}).fontSize(13)
}
}.width("45%").backgroundColor('#f8fdfc').justifyContent(FlexAlign.Center)
}
}.margin({top: 20})
Tabs({ barPosition: BarPosition.Start, controller: this.controller }) {
TabContent() {
Column().width('100%').height('100%').backgroundColor('#00CB87')
}.tabBar(this.TabBuilder(0, '最新上架'))
TabContent() {
Column().width('100%').height('100%').backgroundColor('#007DFF')
}.tabBar(this.TabBuilder(1, '取件记录'))
}
.height(250)
.onChange((index: number) => {
this.currentIndex = index
})
Row() {
Row() {
Column(){
Row(){
Text("0")
Text("条")
}
Text("订单数量")
}
}.width('50%').justifyContent(FlexAlign.Center)
Row() {
Column(){
Text("待上架0条")
Text("未领取0条")
Text("已领取0条")
}
}.width('50%').justifyContent(FlexAlign.Center)
} }
.width('100%')
} }
.height('100%') .width('100%')
} }
} }
\ No newline at end of file
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论