草庐IT

uni-captcha

全部标签

uni-app报错:Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/

碰到这种报错不要慌,一支烟,一杯茶,一个报错找一天,哈哈哈哈,好了,不开玩笑了,原因有以下几种:1、v-model  绑定的空字符串2、父传子,传的属性值为空3、渲染字段为空4、标签少了闭合标签 希望对大家有所帮助,加油,前端代码搬运工!

关于uni-app小程序接入微信登录

https://uniapp.dcloud.net.cn/api/plugins/login.html#login官网上有关于uni.login()的说明,如果是要微信登录,则需要wx.login()。小程序登录|微信开放文档    如下图,在小程序管理平台生成AppSecret,同时将AppId在HubilderX中配置。     在HbuilderX中使用wx.login获取到code,然后调用后台接口,获取到openId,code是一个临时会话,是会改变,而openId则是不变的。wx.login({ success(res){ if(res.code){ ths.$apis.rel

uni-calendar日历组件更改标点颜色和位置及多个标点显示

uni-calendar的日历组件显示的标点只能显示一种颜色,并且标点的位置在右上角.而我们在项目中需要实现多种颜色标点的显示,并且标点要显示在日期的正下方.改之后的效果图:实现以上的效果我们需要对uni-calendar组件的源码进行修改就可以了,想让这个日历组件实现不同颜色的标点我这里有两种方法可以实现.第一种:首先我们先找到uni-calendar-item.vue文件这里是我们传给日历组件的info标点值.weeks.extraInfo.info就是我们传给日历组件的标点值.第二种:日历组件显示多个标点:我们只需要给日历组件的状态传一个数组即可在uni-calendar-item.vu

如何使用uni-app开发微信小程序

web前端-基于uniapp的微信小程序项目起步uni-app简介开发工具下载HBuilderX安装HBuilderX安装scss/sass编译快捷键方案切换修改编辑器的基本设置新建uni-app项目把项目运行到微信开发者工具scss语法学习安装相关插件和配置基础格式选择器的嵌套父选择器后面添加内容&属性嵌套占位符选择器%foo代码注释文件导入导入.scss文件导入普通的.css文件变量变量的声明c变量的命名规则变量的默认值变量的作用域数据类型字符串(Strings)数字(Numbers)颜色(Colors)布尔型(Booleans)空值(Null)数组(Lists)映射(Maps)运算符相等

【uni-app微信小程序】实现支付功能

【uni-app微信小程序】实现支付功能一、说明:二、简单介绍一下每个步骤的细节:1.注册微信公众平台2.注册微信商户平台3.创建支付订单,请求后端接口,获取orderInfo微信支付统一下单接口返回的支付参数包含以下含义(重要!!!):4.调用微信支付API5.验证支付结果和更新订单状态6.支付完成一、说明:实现微信支付功能需要在小程序后台配置支付相关信息,并且在前端代码中调用微信支付API进行支付操作。好的,uni-app微信小程序实现支付功能整体流程大致如下:注册微信公众平台,并完成开发者资质认证;在微信商户平台注册商户账号,并完成商户资质认证;在商户后台创建支付订单,得到prepay_

uni-app H5中使用wx-open-launch-weapp打开微信小程序

项目场景:最近最H5开发,项目需要发起支付,因为原来我们app走的一套是小程序的支付,所以这边需要H5打开小程序实现支付;微信文档地址:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html​问题描述项目开发中遇到的坑,我就不一一列举了,直接上小友的爬坑链接:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html然而,我还是不显示按钮,哇哇。。。。 我再来一遍我的坑:npminst

uni-app 之 跨平台开发

一、概念1.原生VS跨平台原生开发优点性能稳定,使用流畅,用户体验好、功能齐全,安全性有保证,兼容性好,可使用手机所有硬件功能等缺点开发周期长、维护成本高、迭代慢、部署慢、新版本必须重新下载应用不支持跨平台,必须同时开发多端代码跨平台开发优点可以跨平台,一套代码搞定iOS、Android、微信小程序、H5应用等开发成本较低,开发周期比原生短适用于跟系统交互少、页面不太复杂的场景缺点对开发者要求高,除了本身JS的了解,还必须熟悉一点原生开发不适合做高性能、复杂用户体验,以及定制高的应用程序。比如:抖音、微信、QQ等同时开发多端兼容和适配比较麻烦、调试起来不方便2.跨平台框架对比3.认识uni-a

uni-app如何使用组件

使用组件是uni-app的常见操作之一。以下是使用组件的步骤:在uni-app项目中创建组件。可以通过在components文件夹中创建一个.vue文件来创建组件。也可以通过在HBuilderX中使用模板或向导来创建组件。在需要使用组件的页面或组件中引入组件。可以使用import导入组件,例如:importcomponentNamefrom'@/components/componentName.vue';或者可以使用usingComponents选项注册全局组件或局部组件,例如:exportdefault{usingComponents:{'component-name':'@/compone

【uni-app】iOS平台原生插件开发

阅读此文档的过程中遇到任何问题,请关注公众号【移动端Android和iOS开发技术分享】或加QQ群【309580013】1.简介由于uni-app官方使用工程依赖的形式去集成原生插件,流程有点复杂,对不熟悉iOS开发的道友不够友好。于是,基于cocoapods的集成方案应运而生。本方案的目的在于简化集成流程,让没有iOS开发经验的道友能够快速集成并使用原生插件。2.开发环境Mac系统Xcode12.1及以上版本,[下载地址:https://apps.apple.com/cn/app/xcode/id497799835?mt=12]cocoapods环境,[安装教程:https://cocoap

【uni-app】iOS平台原生插件开发

阅读此文档的过程中遇到任何问题,请关注公众号【移动端Android和iOS开发技术分享】或加QQ群【309580013】1.简介由于uni-app官方使用工程依赖的形式去集成原生插件,流程有点复杂,对不熟悉iOS开发的道友不够友好。于是,基于cocoapods的集成方案应运而生。本方案的目的在于简化集成流程,让没有iOS开发经验的道友能够快速集成并使用原生插件。2.开发环境Mac系统Xcode12.1及以上版本,[下载地址:https://apps.apple.com/cn/app/xcode/id497799835?mt=12]cocoapods环境,[安装教程:https://cocoap