uni-app

uniapp验证码倒计时60s的实现

夙愿已清 提交于 2020-08-13 14:39:33
发送验证码时,不能让客户一直发送验证码,所以需要设置一个60s后才能发送一次;具体代码实现:因为app和其他app不太一样,所以需要选择以这样的方式展示是时间,但是js逻辑代码是一样的;; data show_again: 0, // 显示发送验证码||请稍后按钮 count: "", // 等待时间 timer: null, //定时器 html <button class="blue send" v-if="show_again==0" @click="sendCode">发送验证码</button> <button class="blue send" v-if="show_again==1" @click="sendCodeAgain">请稍后重试</button> js sendCode(){ const count = 60; if (!this.timer) { this.count = count; _this.show_again = 1; this.timer = setInterval(() => { if (this.count > 0 && this.count <= count) { this.count--; } else { _this.show_again = 0; clearInterval(this.timer); this.timer =

uniapp预览在夜神模拟器

生来就可爱ヽ(ⅴ<●) 提交于 2020-08-13 06:10:34
uniapp编写app,使用夜神模拟器进行调试; 首先需要打开模拟器和HX; 需要获取夜神的端口号:双击D:\Nox\bin\debugReport.bat,就会出现端口号; 知道了端口号是62001之后,我们就可以设置HX来链接夜神模拟器了; D:\HBuilderX\plugins\launcher\tools\adbs,找到HX路劲下的adbs配置到环境变量Path中; 打开cmd, 查看adb版本;(adb -v); 查看 连接的设备( adb devices ); 链接到夜神(adb connect) 然后打开HX的运行-->运行到手机或模拟器-->Android模拟器默认端口设置为62001 打开目录D:\HBuilderX\plugins\launcher\base下的android_base.apk安装到夜神模拟器中;这个不能单独打开,只能配合HX来使用; 最后运行到模拟器就可以了; 来源: oschina 链接: https://my.oschina.net/clearcode/blog/4469507

JeecgBoot 移动OA 新版本出炉,速度体验!!!

我只是一个虾纸丫 提交于 2020-08-12 14:36:58
牛在哪里?一云多端,一个云端服务,同时支持PC端、APP端、小程序端、H5端! 体验才是王道,速进入体验... APP安装体验 安卓版下载 H5端体验地址 http://uniapp.jeecg.com 小程序体验二维码 来源: oschina 链接: https://my.oschina.net/jeecg/blog/4487211

uniapp自定义简单省市区联动组件

自古美人都是妖i 提交于 2020-08-11 20:30:49
又双叒一个uniapp组件 最近有一个选择地址的需求,就写了一个省市区联动选择器。 选择日期使用的picker,就照着它简单的整了一个,使用网络请求城市数据,还用到了vuex组件数据共享。 本来自己整了一个底部弹窗, 又在插件市场看到了更好的底部弹窗 :LuPopupWrapper--弹窗容器 , 所以就用了这个。 依然发布到了插件市场: http://ext.dcloud.net.cn/plugin?id=708 看一下效果吧 具体实现 css就不贴出来了,下载可以看到。 第一、底部弹出框 < view class ="popup-layout-wrap" :class ="popuplayoutClass" > <view class="popup-layout-content" :class="popupContentClass" :style="[{height:height}]"> < slot > </ slot > </ view > < view v-if ="maskShow" class ="popup-layout-mask" @tap ="close(maskClick)" ></ view > </ view > 这里的底部弹出框用了插件市场的,简单的看一下布局。 slot插槽用于填充弹出框的内容。 最主要的就是弹出和关闭。属性就一个height

重磅!0元领取Niushop单商户V4商业授权

无人久伴 提交于 2020-08-11 19:28:51
重磅!0元领取Niushop单商户V4商业授权 八月初,正值三伏天 可谓是一年中最“燃”的时候了 大牛哥似乎早就算好了 在这个加长伏天里 0元免费领取 源码100%开源的 支持二开的价值980元的 Niushop单商户V4基础版 永久商业授权 仅限前1000名用户 价值百万元的商业授权大放送 “燃”烧你的心 百万正版商业授权0元领取活动 0元免费获取Niushop单商户V4授权就像通关打游戏,只需三关便可。 1注册关注官方公众号微信搜索并关注官方微信公众号“Niushop开源商城系统”,点击“马上推广”进行注册,注册成功后可获得200元代金券。(针对已关注公众号的老用户,需要取关后重新关注) 2成功邀请1位好友分享邀请链接,成功邀请1名好友关注官方微信公众号,注册官方会员并进入码云加星评论,即可获得300元代金券。 3进入码云加星评论进入码云搜索Niushop加星并进行评论,即可获得500元代金券。码云链接地址:https://gitee.com/niushop_team/niushop_b2c_v4_standard 打完通关的牛友就已经获得Niushop开源商城系统1000元代金券,联系官方客服,提供码云评论截图,并登记微信公众号获取的验证码,便可兑换单商户V4永久授权。 单商户V4商业版权益 单商户V4技术亮点功能技术亮点 1.框架采用全新thinkphp6+事件开发设计

uniapp无痛刷新token继续网络请求

£可爱£侵袭症+ 提交于 2020-08-11 17:51:56
uniapp无痛刷新token继续网络请求 更新时间:2020-08-05 08:46 一.问题场景 用户请求后台用到两个token,一个是access_token,另一个是refresh_token.当access_token过期之后,需要使用refresh_token去后台请求新的access_token,然后拿着新的access_token继续后面的网络请求. 二.解决方案 二.一解决思路 1.本地过期时间校验; 2.请求token的请求用Promise形式包裹; 3.继续之前被打断的网络请求,将该网络请求修改成同步形式用到async和await,并在success方法中调用Promise中的resolve(res),将获取到的数据借助Promise返回; 二.二实现方案 1.用户成功登陆之后,将用户登录的时间和token过期时间记录下来,或者是记录后台返回的过期时间; 2.在封装的请求中,每次请求校验当前时间和过期时间之间的差值,如果"过期时间"-"当前时间"=时间差值>=10分钟(这个时间可以自己定义),则直接继续网络请求;如果时间差值<10分钟,则在发送该次网络请求之间先发送刷新access_token的请求,得到新的token再继续之前的网络请求; 3.发送刷新token的网络请求请使用Promise模式包裹,因为我个人封装的uniapp请求库是Promise模式的

Niushop单商户V4版本剧透啦!更多功能提前知晓!

荒凉一梦 提交于 2020-08-11 11:50:20
好消息!好消息!Niushop单商户商城系统打破以往更新升级维护V3版本系列的运营模式,研发并 即将上线Niushop单商户 V4 版本啦! 单商户V4即将上线!!! NIiushop开源商城B2C单商户V4,功能强大,安全便捷,框架成熟稳定便于扩展,源码100%开源 ,支持二次开发定制,让企业用更低的成本、更少的人力,更快的速度构建自己的商城,开启网上商城销售业务。 单商户V4功能亮点 1.框架采用全新thinkphp6+事件开发设计+layui+uniapp进行设计,代码完全重构,采用支持百万级! 2.插件钩子机制,.标准Api接口、前后端分离功能模块独立,更有助于二次开发; 3.高频数据缓存,数据库读写分离,支持队列降低流量高峰,解除代码耦合性,很大程度减轻服务器压力,提升访问速度; 4.EasyWeChat部署微信开发,微信接入更加快捷,简单; 5.内置强大灵活的权限管理体系、组合数据统计及客户系统等,实现客服实时在线聊天,专人专项运营管理,更有利于碎片化数据统计; 6.可以完美对接公众号和小程序,并且数据同步,实现真正意义上的一端开发,多端使用; 单商户V4版本在强大的基础架构支持之下,与V3相比较,新增了以下功能(列举部分): 外卖订单 外卖配送订单发货与管理,根据距离与配送区域计算 打包一口价 可设置多个商品打包价格,整体多件销售 微信圈子 微信圈子发布 积分红包

uniapp读取设备通讯录的几种案例整理

白昼怎懂夜的黑 提交于 2020-08-11 11:27:47
在开发的过程中,我们总会不可避免的为了运营推广而去利用当前用户的通讯录好友列表, 例如: 1.淘宝的查看当前用户的通讯录里的哪些好友已经开通了淘宝 2.添加收获地址的时候,添加收货人的电话号码等等 .... 这个时候 就不可避免的需要访问用户的通讯录数据,或者打开用户的通讯录页面 那么这个时候,我们一般都需要分为几步走: a.申请获取设备的访问权限,当然这个也分为安卓和苹果; 安卓: plus.android.requestPermissions( [''android.permission.READ_CONTACTS''], function(resultObj) { resolve(resultObj); }, function(error) { console.log('result error: ' + error.message) resolve({ code: error.code, message: error.message }); } ); IOS: function contact() { var result = 0; var CNContactStore = plus.ios.import("CNContactStore"); var cnAuthStatus = CNContactStore.authorizationStatusForEntityType

uniapp 添加操作

痴心易碎 提交于 2020-08-11 04:54:36
1 分析: 2 需要动态的向数据库中插入数据,既然要进行添加操作,就会触发一个点击的事件,所以我们的第一步就是要先绑定事件 3 向服务器进行请求接口操作,请求的方法为 ‘POST’ 4 最后就是在methods中写函数 5 操作: 6 (1)绑定事件 7 < view @tap ="saveOpportunity()" > 保存 </ view > 8 (2)表单进行数据的双向绑定 9 < input type ="text" v-model ="opportunity.addr" > //你的字段的名称,接口文档的字段名称如果是必填项,这边一定要进行绑定,一般情况下,我们这里会都给它添加上 10 (3)data中添加一个对象 opportunity 11 Opportunity{} 12 (4)methods中写方法 13 saveOpportunity(){ 14 uni.request({ 15 method:'POST', 16 data:this.opportunity, //当前的对象 17 url: `${this.$serverUrl}/opportunity/`, //封装后的接口的地址 18 success(res) { //回调函数 19 console.log(res) 20 } 21 }) 22 } 来源: oschina 链接: https://my

开发环境和测试环境的发包(及uniapp的request封装)

谁都会走 提交于 2020-08-10 20:04:00
// created by wangyong for uni-app request 2019.11.22 const isDev = process.env.NODE_ENV == = 'development' let baseURL = null if ( process.env.NODE_ENV == = 'development' ) { // 这里就是本地跑的情况 就是本地运行 分安卓机和ios机 如果想在正式环境上运行将域名换为正式域名即可 baseURL = '/api' ; // console.log ( '开发环境' ) // #ifdef APP-PLUS switch ( uni.getSystemInfoSync ( ) .platform ) { case 'android' : console.log ( '运行Android上' ) baseURL = 'http://www.ceshi.kewek.com.cn/' break ; case 'ios' : // console.log ( '运行iOS上' ) baseURL = 'http://www.ceshi.kewek.com.cn/' break ; default: // console.log ( '运行在开发者工具上' ) break ; } // #endif } else {