草庐IT

uniapp的tabBar角标

全部标签

UNIAPP手机号一键登录

使用uniapp实现移动端手机号一键登录功能。uni一键登录是DCloud联合个推公司推出的,整合了三大运营商网关认证能力的服务。通过运营商的底层SDK,实现App端无需短信验证码直接获取手机号,也就是很多主流App都提供的一键登录功能首先需要登录DCloud开发者中心,申请开通一键登录服务。 开通后会得到ApiKey和Apisecret,和计费有关,扣费凭证,请勿泄露此信息!点击应用管理——我的应用——创建应用,填写信息,appid在manifest.json的基础配置中,Android应用签名可以使用云打包的公共证书签名,也可以生成自有证书。添加应用后点击一键登录-基础配置-添加应用(不创

关于我的项目-微信小程序2(uniapp->wx小程序)

1.前言这是大三上学期移动互联网的pbl,小组合作使用uniapp开发一个小项目我们选的题目是“考研app”,我是组长,负责组织+地图页面+个人中心+微信小程序发布(个人感觉,小组群里还是氛围挺好的,虽然多数情况下是我一个人水群)小程序二维码(ps:uniclud没续,已经连不上了=.=)看个样子吧~2.uniapp开发-地图页面需求之院校地图:在页面内绘制中国地图,以省份为单位展示院校信息,在下方空白处显示院校信息:是否为985、211、双一流。并实现,点击院校跳转到该校的研究生招生网。组件:基于echarts组件绘制地图JSON文件:自行百度全国各省份985、211、双一流院校,并存为js

uniapp页面间传参的几种方法

uniapp页面间传参的几种方法在Uniapp中的传参主要分为以下三种类型:上级页面→下级页面(单向)上级页面←下级页面(单向)上级页面↔下级页面(双向)本文将围绕这三种传参展开,分享其使用方法以及我使用中所遇到的问题与解决方法。一、上级页面→下级页面(单向)uni.navigateTo:URL编程式传参作为最常用也是最简单的跳转携带参数的API,这里不多赘述,想详细了解的朋友可以前往官方文档学习,这里只做传参分享。官方文档:uni.navigateTo(OBJECT)携带静态参数//在起始页面跳转到test.vue页面并传递参数//作用场景,需要提供固定传参状态的页面,一般和动态参数一起使用

【史上最简单webSocket】uniapp+webSocket 聊天室【客户端】

该教程基于uniapp封装组件webSocket进行讲解1、申请连接用法2、回调方法,打开socket用法作者的话3、发送消息法子1法子2作者的话uniapp地址:https://uniapp.dcloud.net.cn/api/request/websocket.htmlhttps://uniapp.dcloud.net.cn/api/request/socket-task.html这两个网址的api都有用到,接下来会进行讲解说明先讲一下整体的思路,也就是整个过程的走法和流程应该是怎么样的。1、申请连接2、回调方法,打开socket3、发送/接收处理消息等逻辑1、申请连接看上图,在WebSo

uniapp - 全端兼容 “选项卡瞄点定位“ 功能,点击后滚动到锚点位置并且选项卡自动吸顶,当 “经过“ 锚点时自动定位选项卡(详细运行示例源码,超详细注释稳定可靠!)支持H5、App、小程序全平台

前言如果需要Vue版本的锚点定位功能,请访问:Vue/Nuxt-锚点功能开发。本文实现了uniappH5/小程序/App锚点定位功能组件,搭配选项卡进行点击与“经过”联动效果,您可以直接一键复制组件源码,参考示例代码运行起来稍微改改就能用了,如下图所示,您只需要设置好锚点、选项卡配置,然后插槽(Slot)传入你的全部DOM即可,另外你可以随意更改组件源码,比如选项卡样式不满意想改一改等。示例代码干净整洁,无任何乱七八糟的无关代码组件源码位置无所谓,后面确保引入路径正确即可。在components文件夹下,新建anchor.vue文件,一键复制如下代码。&

uniapp开发微信小程序阻止事件冒泡

  最近在使用uniapp去开发微信小程序  其中不乏遇到一些问题,我都会发出来。  万一自己别的时候忘记,但是需要用了。 uniapp中开发微信小程序,当使用 @click.stop   去阻止事件冒泡的时候会发现,@click.stop 并没有生效,就很神奇问题如图:解决问题方案把使用 @click.stop   去阻止事件冒泡的改成  @tap.stop 去阻止事件冒泡解决问题如图: 当然解决问题的方案有很多,并不是这一种也可以在我们事件函数里面添加阻止冒泡的代码例如event.preventDefault()阻止默认事件@click.prevent

uniapp—微信小程序实现支付功能

1、注册微信公众平台,注册微信支付账号(这一步由公司进行操作!)要使用微信支付功能,我们必须先注册一个微信支付商户账号,如果已经有了微信公众号或小程序,可以直接将其升级为支付账号,否则需要前往微信支付官网注册。注册完成后,需要提交相应的资料进行实名认证,认证通过后,即可登录进入商户平台,完成后续支付相关操作。注册微信公众平台:https://mp.weixin.qq.com/wxamp/home/guide?lang=zh_CN&token=1902731331注册微信商户平台:https://pay.weixin.qq.com/index.php/apply/applyment_home/g

uniapp小程序端使用计算属性动态绑定style样式踩坑

踩坑点:    使用uniapp编译小程序端动态绑定复杂style使用计算属性方式,return必须返回json字符串格式,不能返回object,否则会不起作用。代码总览视图层逻辑层(注意这里是使用的计算属性哈)这里我封装成了一个个性化tab组件,支持APP端和微信小程序端,详细可去插件市场直接调入到项目即可sevenq-tab个性化tab组件效果图如下

uniapp小程序canvas生成图片

需求分析点击页面分享按钮时候,跳出弹出层,css完成页面,点击弹出层的保存到相册,能生成canvas画布,然后变为图片。效果展示控制台打印生成图片链接。代码实现viewclass="card"> 。。。省略 viewclass="close"@click="save">保存到相册view>view>viewstyle="width:0px;height:0px;overflow:hidden"> //让父标签0宽0高隐藏溢出 canvascanvas-id="myCanvas":style="{width:'375px',height:'560px'}">canvas>view>在canvas

将 Uniapp 转换成小程序

在本文中,我们将探讨如何将Uniapp应用程序转换成小程序。Uniapp是一种基于Vue.js的跨平台开发框架,它允许您使用一套代码构建同时运行在多个平台的应用程序,包括小程序、H5、Android和iOS。然而,有时候您可能需要将Uniapp应用程序转换成原生的小程序,以充分发挥小程序的特性和性能优势。为了将Uniapp应用程序转换成小程序,我们需要执行以下步骤:步骤1:创建小程序项目首先,我们需要创建一个新的小程序项目,以便将Uniapp应用程序转换成小程序。我们可以使用微信开发者工具来创建小程序项目。打开微信开发者工具,点击新建项目,在项目目录中选择一个合适的位置,并填写相应的项目信息。