实战19-详情页UI4等分

server/2024/12/22 9:14:35/
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 })}
}

 

 


http://www.ppmy.cn/server/124779.html

相关文章

在pycharm中怎样调试HTML网页程序

在PyCharm中调试HTML页面通常是指调试与HTML页面相关的JavaScript代码。PyCharm提供了内置的JavaScript调试支持,可以通过以下步骤进行设置和调试: 确保你的项目设置为能够本地服务器或者开发服务器。 在PyCharm中打开你的HTML文件。 在浏览器中打开你…

fastadmin 搜索提交重置按钮文本修改

默认 修改require-backend.min.js文件 效果 当然最好还是去需修改lang文件 效果 如果修改没生效记得清楚一下缓存,再刷新 完结 赠人玫瑰,手有余香!如果文章内容对你有所帮助,请不要吝啬你的点赞评论和关注,你…

推荐4款2024年热门的PDF转ppt工具

有时候,我们为了方便,需要将PDF里面的内容直接转换的PPT的格式,既方便自己演示和讲解,也让我们可以更加灵活的进行文件的编辑和修改。如果大家不知道要如何进行操作的话,我可以为大家推荐几个比窘方便实用的PDF转换工具…

SprinbBoot 文件上传

SprinbBoot 文件上传 后端&#xff08;Spring Boot&#xff09; 添加依赖&#xff1a;确保你的pom.xml文件中包含了Spring Boot的Web依赖。 xml <dependencies><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-…

回归预测 | Matlab基于SO-SVR蛇群算法优化支持向量机的数据多输入单输出回归预测

回归预测 | Matlab基于SO-SVR蛇群算法优化支持向量机的数据多输入单输出回归预测 目录 回归预测 | Matlab基于SO-SVR蛇群算法优化支持向量机的数据多输入单输出回归预测预测效果基本描述程序设计参考资料 预测效果 基本描述 1.Matlab基于SO-SVR蛇群算法优化支持向量机的数据多…

JavaScript中的输出方式

1. console.log() console.log() 是开发者在调试代码时最常用的方法。它将信息打印到浏览器的控制台&#xff0c;使开发者能够查看变量的值、程序的执行状态以及其他有用的信息。 用途&#xff1a;用于调试和记录程序运行时的信息。优点&#xff1a;简单易用&#xff0c;适合…

Redis主从哨兵模式中出现双主

Redis主从哨兵模式中出现双主的原因主要与主从复制的机制和哨兵的故障转移机制有关。以下是详细的解释&#xff1a; 主从复制机制&#xff1a; Redis的主从复制是通过将主节点的数据复制到从节点来实现的。主节点负责处理所有的写操作&#xff0c;并将这些操作同步到从节点。从…

安卓 shape 的使用

在Android开发中&#xff0c;<shape>元素是一个XML资源&#xff0c;用于定义形状&#xff0c;如矩形、圆形、椭圆形、线条等。这些形状可以用于多种场景&#xff0c;比如作为按钮的背景、视图边框或者列表项的分隔线等。<shape>元素位于drawable资源文件夹&#xf…