uni-app的创建与使用

Uni-App

相关文档

      [https://uniapp.dcloud.io/](https://uniapp.dcloud.io/)

命令行创建项目

安装：如果没有安装vue环境 先安装

    npm install -g @vue/cli
    vue create -p dcloudio/uni-preset-vue my-project

1.使用globalData创建全局数据

2.上拉加载 加载到下一页 请求下一页数据

3.下拉刷新uni.stopPullDownRefresh()

4.点击跳转至详情页

             <!-- 先获取全局状态管理的数据-->
             getApp().globalData.curGood=item
             <!-- 使用api跳转到想要的页面-->
                        uni.navigateTo({
                            url:'/pages/detail/detail?id=1912'
                        })或者
                        uni.switchTab({
                                                url: '/pages/index/index'
                                        })

5.点击图标回到首页顶端

               backToTop(){
                        uni.pageScrollTo({
                            scrollTop:0,
                            duration:300
                        })
            
                    }

6.地图

        使用map
        注意：在map组件当中添加字体 要用cover-view而不能用view