首页 > 移动平台 > 详细

uni-app实战写法

时间:2020-04-19 14:48:27      阅读:106      评论:0      收藏:0      [点我收藏+]

接口的封装,在手机截图截得有封装的代码单独一个文件,封装完

在min.js文件引入,挂载到vue全局实例上,

直接this.xxx()

 

 

在组件页面里发请求,手机截图有获取数据,渲染数据

 在meoths里定义方法发请求保存数据,在onload函数里调用方法

 

在横向四个平均小导航模块里

先用弹性盒写出静态布局,然后定义出来一个数组数据

来循环出所有的导航,给每一个导航提供一个点击时间,

传一个url路径参数,通过编程试导航跳转页面

 

商品列表两列展示,写出来一个商品结构,使用弹性盒布局,然后渲染商品数据就行了

 

上拉加载触发函数onReachBottom(),手机有截图在请求商品的时候,this.data=[...this.data,res..data.lisi]

 

在上拉加载触发函数里

先判断获取的商品lenges是否等于返回的总数,如果等于就return  this.底线盒子=true,不在请求,并且让有底线盒子显示

让pageindex++

然后调用请求商品接口的方法,

 

封装请求,也支持anync,waeit

url.request({url:"xxxx"})

 

uni滚动组件scroll-view

<scroll-view>

   <view>

   </view>

</scroll-view>

被该标签包裹的内容会有滚动效果,有控制属性,来设置横向,或者纵向效果。里边的li需要设宽度,高度也要设,高度可设成百分百。

每一个导航点击高亮,根据接口返回的导航数组,循环渲染导航,设初始数据等于0 然后通过数组索引动态加类名

uni-app实战写法

原文:https://www.cnblogs.com/zzhqdkf/p/12731246.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!