import { PADDING } from '../../constants/size'; import rvp from '../../utils/resposive/rvIndex';@Component export default struct SearchFilter {build() {Row() {Row({ space: rvp(6) }) {Text("位置").fontSize(rvp(14)).fontColor('#333333')Image($r('app.media.arrow_down_3')).width(rvp(6)).height(rvp(3))}Row({ space: rvp(6) }) {Text("支付方式").fontSize(rvp(14)).fontColor('#333333')Image($r('app.media.arrow_down_3')).width(rvp(6)).height(rvp(3))}Row({ space: rvp(6) }) {Text("租金").fontSize(rvp(14)).fontColor('#333333')Image($r('app.media.arrow_down_3')).width(rvp(6)).height(rvp(3))}Row({ space: rvp(6) }) {Text("排序").fontSize(rvp(14)).fontColor('#333333')Image($r('app.media.arrow_down_3')).width(rvp(6)).height(rvp(3))}}.backgroundColor('#80ababab').width('100%').height(rvp(44)).padding({ left: PADDING, right: PADDING }).justifyContent(FlexAlign.SpaceBetween)} }
import NavBar from '../../components/NavBar/Index' import SearchFilter from '../../views/RentRoomList/SearchFilter'@Entry @Component struct RentRoomList {@StorageProp('topHeight') topHeight: number = 0build() {Column() {NavBar({ title: '房源推荐' }) SearchFilter()}.height('100%').width('100%').padding({ top: this.topHeight })} }