uniapp

背景需求：uniapp登录界面除了账户名和密码之外，想要新增加一个图形验证码的验证机制 开始： 一、先准备工具类文件 1、首先在公用类目录，创建工具类文件，我的命名是fcaptcha.js（字意是Function-captcha），路径是放在了主目录下的common下面。 // fcaptcha.js export class Fcaptcha { constructor(options) { t…

最近研究了一下uniapp 的组件封装 以及 引入组件的页面(父级) 和 组件封装的页面(子级)的传参以及 事件交互 ，其实还是很简单的。 父级页(主要的动作有组件的引入和事件的触发) <!--viwe部分--> <template> <view class="page"> <!--调用组件 组件的属性 数据属性前面加 : 符号 事件加 @ 符号 因为父级…

页面的输入框很多，不知道啥子原因，软键盘弹出，经常会挡住输入框，而且切换输入框的时候，有时候页面还会下滑，只有输入的时候，输入框才会跑到键盘上面。调试了很久，以为是页面布局啥的原因，后面直接给根元素一个padding-bottom:600rpx解决了。目前不知道具体原因，或许软键盘弹出的时候不能正确获取页面高度导致。总之感觉是一个BUG。 版权声明：本文为jiujiuyibai原创文章，遵循 CC…

uniapp踩坑-使用vue-cli框架对node版本有要求 前言-背景 最近在开发uniapp，官方文档提供的开发方式有两种，一种是通过HBulider可视化界面创建，一种是通过vue-cli命令行创建，因为可视化更加方便，所以就使用了可视化创建方式，后续因项目需实现jenkins自动化构建，而使用可视化创建方式的话，只能是通过可视化界面的打包资源操作，如下图： 每次都需要前端开发人员进行手动打…

1.预测失效原因scroll-view包裹的view高度设定的是百分比，到手机上无法正常获取高度 2.解决办法，写死view的高度 获取手机屏幕的高度，然后减去其它view的高度。就是scroll-view所需的实际高度。 const res = uni.getSystemInfoSync(); let windowHeight = res.windowHeight//获取手机屏幕高度 需要的高度…

前言 在实际开发中我们会遇到不确定高度的情况，那么在uniapp中我们如何获取区域的高度呐？一起来看看吧 使用到的： uni-app提供了异步(uni.getSystemInfo)和同步(uni.getSystemInfoSync)的2个API获取系统信息 uni.getSystemInfo(OBJECT) 异步获取系统信息 OBJECT 参数说明： 参数名 类型 必填 说明 success Fu…

应用介绍 目前市面上不多的比较好的商城代码，经过不断的更新和优化，在操作和响应速度上能商城的商城 演示后台： https://lingzhuan.dianyunke.com/ admin admin888 演示前端： 搜索点大 本代码版本2.42 官方网站：https://www.diandawl.com 点大系统教程文档:( 点击查看帮助文档1》》》 ） 文章来自： 源码1688

export default { methods: { logout() { // 清除本地存储的用户登录信息等 // ... // 跳转到登录页，并清除浏览器的历史记录 uni.reLaunch({ url: '/pages/login/login', success() { history.pushState(null, null, location.href); } }); } } } 在上…

swiper（banner图常用） 常用属性：indicator-dots:是否轮播； autoplay：自动播放； interval：间隔时间； duration：动画执行周期； indicator-dots 轮播图下的点 swiper下的每一个swiper-item都是一个滑块 v-for循环输出bannner图。 版权声明：本文为m0_73935502原创文章，遵循 CC 4.0 BY-SA…

当我们开发uniapp的时候，会想到全局变量，全端存储到全局中，调用起来非常方便 main.js代码 import Vue from 'vue' import App from './App' Vue.config.productionTip = false Vue.prototype.globalData = { addressId:'',//默认地址 } Vue.prototype.baseU…