uni-app论坛 今日: 0|主題: 500|排名: 25 

码文不易啊，转载请带上本文链接呀，感谢感谢 https://www.cnblogs.com/echoyya/p/14427845.html 目录码文不易啊，转载请带上本文链接呀，感谢感谢 https://www.cnblogs.com/echoyya/p/14427845.html环境搭建创建uni-app运行uni-app介绍项目目录，文件作用页面外观设置页面底部 tabBar启动模式配置 condition数据 ...

uni-app官网：https://uniapp.dcloud.io/api/media/image?id=previewimage 微信小程序官网：https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.previewImage.html uniapp 实现图片预览 单图预览和多图预览 关键点就是调用 uni.previewImage({ current: index, urls: photoList }); 如果是单图预览， ...

已经很久没有更新我的博客了，差点要遗忘自己还有博客了，哈哈哈哈。最近有接触过关于web-view的东西，大家也知道我一直在做uni-app的项目，也研究了很久，收获颇丰吧，今天就跟大家分享一下 什么是web-view   web-view是一个web浏览器组件，可以用来承担网页的容器，会自动铺满整个屏幕  各小程序平台，web-view 加载 ...

资料来源：https://www.bilibili.com/video/BV1BJ411W7pX uni-app的基本使用 基础部分： 环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件的使用 uni-app中样式学习 在uni-app中使用字体图标和开启scss 条件注释跨端兼容 uni中的事件 导航跳转 组件创建和通讯，及组件的生命周期 uni-app中使用uni-ui库 项目：黑 ...

前情 uni-app是我很喜欢的跨平台框架，它能开发小程序，H5,APP(安卓/iOS),对前端开发很友好，自带的IDE让开发体验也很棒，公司项目就是主推uni-app。 最近有多个需求，页面滚动到底的时候应该加载下一页数据，于是通过页面生命周期钩子onReachBottom来实现。 坑位 onReachBottom是当页面滚动底一定距离的时候触发，但是滚动 ...

在uni-app 项目跟目录下创建common目录，然后再common目录下创建common.js用于定义公用的方法。    common.js可以定义常量和方法： //接口地址 const apiUrl=''; //定义公用方法 const sayHi=function(){ console.log('hi'); } //输出 export default{ apiUrl, sayHi } 在使用的vue中调用该模 ...

uni.uploadFile(OBJECT) 将本地资源上传到开发者服务器，客户端发起一个POST请求，其中content-type为multipart/form-data. 如页面通过uni.chooseImage等接口获得一个本地资源的临时危机路径后，可通过此接口将本地资源上传到指定服务器。 OBJECT 参数说明： 参数名 类型 必填 说明 平台支持 url String 是 开发者服务 ...

uni-app的基本使用 课程介绍： 基础部分： 目录uni-app的基本使用--uni-app介绍 官方网页--环境搭建--利用HbuilderX初始化项目--运行项目--介绍项目目录和文件作用全局配置和页面配置--通过globalStyle进行全局配置--创建新的message页面--通过pages来配置页面--配置tabbar----使用tabbar的midButton相关--condition启动模 ...

navigator：页面跳转 属性说明 属性名类型默认值说明平台差异说明 url String   应用内的跳转链接，值为相对路径或绝对路径，如："../first/first"，"/pages/first/first"，注意不能加 .vue 后缀   open-type String navigate 跳转方式   delta Number   当 open-type 为 'navigate ...

表单：用于数据的收集和数据的提交 官网地址：https://uniapp.dcloud.io/component/ 1.button组件 属性说明 属性名类型默认值说明生效时机平台差异说明 size String default 按钮的大小     type String default 按钮的样式类型     plain Boolean false 按钮是否镂空，背景色透明   &nb ...

事件修饰符 stop 的使用会阻止冒泡，但是同时绑定了一个非冒泡事件，会导致该元素上的catchEventName失效。 prevent 可以直接干掉，因为uni-app里没有什么默认事件，比如submit并不会跳转页面。 self 没有可以判断的标识 once 也不能做，因为uni-app没有removeEventlistener,虽然可以直接在handleProxy中处理，但非常的不 ...

pages.json 配置页面 { "pages": [ //pages数组中第一项表示应用启动页，可以随时换成自己想要的默认的启动页 { "path": "pages/index/index", "style": { "navigationBarTitleText": "uni-app" } }, {//每建立一个.vue页面都要在pages ...

  文章目录   保留当前页面，跳转到应用内的某个页面 关闭当前页面，跳转到应用内的某个页面 关闭所有页面，打开到应用内的某个页面 跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面 关闭当前页面，返回上一页面或多级页面 窗口动画   关键点 跳转到 tabBar 页面只能使用 switchTab 跳转 navigateTo, ...

  hbuilder版本高于3.0.0,则此方法不适用，使用最新的 https://www.cnblogs.com/qdjj/p/15196221.html 最近开发了一款使用uni-app做框架的app 打包上线后发现在ios端项目在后台运行时内存不足重回页面时当前tabbar页面是正常，但是其他tabber页会白屏 但是安卓端没有遇到这种问题，看了官方文档配置了 "kernel" : { ...

1.fixed定位 在H5中，tabbar，顶部导航栏，系统状态栏（手机信号，电量显示等）包含在内容区，H5在定位时，需要算上这些高度（如果页面中存在这个元素的话） 解决办法：使用条件编译，针对不同的平台设定不同的top值 position: fixed; top:var(--window-top); /* #ifdef MP-WEIXIN || APP-PLUS */ top:0; /* #endif ...

uni-app中封装axios请求 安装 安装axios npm install axios --save 安装qs npm install qs --save 配置 在src/下新建一个utils/request.js import axios from "axios" import qs from "qs" import Vue from "vue" // Full config: https://github.com/axios/axios#request-config // axios.defaults.baseURL = proces ...

midButton 中间按钮 仅在 list 项为偶数时有效 ， 需要App 2.3.4+、H5 3.0.0+以上版本     midButton 属性说明 属性类型必填默认值描述 width String 否 80px 中间按钮的宽度，tabBar 其它项为减去此宽度后平分，默认值为与其它项平分宽度 height String 否 50px 中间按钮的高度，可以大于 tabBar 高度， ...

对uni.request的一些共同参数进行简单的封装，减少重复性数据请求代码。方便全局调用。 先在目录下创建 utils 和 common 这2个文件夹   utils 是存放工具类的，common 用来放置常用方法的 之后在utils 中创建 requset.js 用来放置 uni.request 的请求方法，在对其进行简单的封装。 requset.js 代码 import operate f ...

在index.vue 中的onload方法里面或者app.vue中的onLaunch中添加如下部分： ``` update() { var _this = this; uni.request({ url: `${this.$store.state.apiBaseUrl}/users/versions`, //请求接口 method: 'POST', success: result => { if (result.data.code == 1) { plus.runti ...

效果:     代码: // pages.json ,需要的页面添加 { "path": "pages/ServiceHome/ServiceHome", "style": { "navigationBarTitleText": "uni-app", "navigationBarBackgroundColor": "transparent", "navigationBarTextStyle": "white ...