首页 > CSS模板 > 企业模板 > 仿链家家居网站手机站html模板正文

仿链家家居网站手机站html模板

        仿链家家居网站手机站html模板是我爱模板网闲来无事,用 weui 前端框架+VUE.js 结合,模仿链家做的两个手机html页面:首页和详情页。

        首页和详情页的房产信息都是用 vue.js 取自本地的json数据的,所以如果您下载下来看不到数据,请放到服务器环境中,不能直接双击打开。首页载入时,会提示“共找到N套房源”,就是计算了json中房源数据的多少。banner下面的区域价格等筛选,点击之后,会从顶部下来下来筛选条件,由于采用了 weui,效果看起来还不错。底部的排序按钮,点击之后,会从页面底部弹出排序选项单,当然,点击了没反应,排序没有做。往下滚动,会无限加载。

        点击任何一条列表中的房源,能够进入详情页,刚进入的时候,可能会看到很多{花括号},这是因为我偷懒了,没有处理(VUE的v-text和v-html指令,可以解决这个问题),数据没显示出来,而显示的编译前的符号。banner 采用的是 swiper 图片滚动,点击banner会全拼显示大图。地图也是“活的”,是从json里面读取的经纬度,设置的位置。

        还有很多功能没有做,因为就是练手。


手机站html模板
手机站html模板

手机站html模板
手机站html模板