uni-app 加easymock 小案例

效果:

源码:

     






在pages.json中,设置titleNView为false,不显示原生标题栏。

"path": "pages/home/index",
     "style": {
           "backgroundColorTop": "#2e87cc",
           "backgroundColorBottom": "#2e87cc",
           "app-plus": {
           "scrollIndicator": "none",
           "titleNView":"false"
                     }
              }

 

 图标库,可以使用阿里巴巴矢量图标库

 地址:https://www.iconfont.cn/

uni-app 加easymock 小案例_第1张图片

 

使用easymock的用处:就是模拟获取的数据

访问https://www.easy-mock.com/,注册,登入

创建自己的项目,

uni-app 加easymock 小案例_第2张图片

 

 

点击编辑接口按钮,自己书写需要模拟的数据,写完格式化,更新下,然后复制接口地址,就可以访问模拟的数据了

 

你可能感兴趣的:(uni-app 加easymock 小案例)