一、文件结构 pages.json 配置项目页面路由及底部导航栏main.js 应用于整个项目(全局文件)APP.vue 全局页面文件/样式pages:文件文件夹 二、样式与布局 适配屏幕res基准宽度 750rem设计稿转换公式- 750X元素在设计稿的宽度-设计稿宽度导出外联样式表 <style> import "url" <…

pages.json文件: globalstyle:设置应用的状态栏/导航栏/窗口颜色pages 声明页面;(第一项为入口页面)tabBar:指定导航栏condition:小程序页面直达(开发时生效)

onPullDoenRefresh:下拉动作 onReachBottom:上拉触底事件 onShareAppMessage:分享 onPageScroll:页面滚动 onTabtemTap:点击Tab触发 应用的生命周期(app.vue) onLauch- 应用初始化完成触发全局只触发一次onShoe- 应用启动 或者从后台进入前台触发onHide…

一、注意点 当bind和catch事件同事绑定的时候.只会触发bind;catch不会被触发stop的使用会阻止冒泡methods:{} //方法绑定e.target.key // 获取元素属性

html跳转 <navgator url="路径">文字内容</navgator>

一、网络请求 uni.request(obj) 二、get方式请求 uni.request({ url:'', method:'get', success:function(response){} }) 三、post方式 uni.request({ url:'', method:'post', data:{}, header:{ 'content-…

一、获取上传 uni.chooseImage({ //获取上传 count:number， //照片数量 sizeType:string,//原图/缩略图 sourcType：string, //照片/相机 success:function(response){ //成功回调 } }) 二、预览 uni.previewImage({ urls:st…

一、文件上传 上传图片应放到uni.chooseImage的回调中。 var fileUp = uni.uploadFile({ url:'', //接口地址 filepath:'', //回调的临时路径 name:'', //字段名 formData:{}, //提交额外的表单参数 success:function(res){ //回调成功 } …

一、数据存储(存) 1.存储到本地（异步API） uni.setStorage({ //存 key:'', //K名 data:'', //K值 success:function(){}, //成功 fail:function(){} //失败 }) 2.储存本地(同步API) 需要用try…catch配合(如不适用小程序包端会报错) try{ u…

js中的兼容 methods:{ // #ifdef APP-PLUS click(){ //在安卓端执行的代码 } // #endif // #ifdef MP-WEIXIN click(){ //微信中执行的代码 } // #endif }