草庐IT

uni-collapse

全部标签

uni-app 配置 以及 使用微信云函数

aiwendnagphonenumber.getPhoneNumber|微信开放文档   获取手机号方法云调用|微信开放文档  云调用教程文档该博客只提供配置流程  不解释细节 其实我也不太明白如果要使用云函数必须满足一下条件一。文件创建1.在项目根目录中创建一个文件用于存放云函数文件(我这里创建了一个functions文件夹) 2.在functions文件夹下创建你要实现功能的名称作为文件夹名称(功能名称随你定)我这里是要获取用户手机号就叫getPhone3.然后在getPhone文件下创建三个文件(config.json、index.js和package.json)config.json文

uni-app微信小程序多种分享事件监听并带参数

一、监听用户点击右上角转发到聊天界面onShareAppMessageonShareAppMessage(res){if(res.from==='button'){//来自页面内分享按钮console.log(res.target)}return{title:'自定义分享标题',path:'/pages/test/test?id=123',bgImgUrl:'',}}二、监听用户点击右上角转发到朋友圈onShareTimelineonShareTimeline(){letval='111';constparams=encodeURIComponent(`type=3&val=${val}`);

uniapp uni.showLoading uni.showToast闪关闭问题修改

uniapp微信真机环境uni.showToast不显示问题微信小程序官方文档noConflict解决混用即可解决问题uni.hideLoading({ noConflict:true});

uni-app跨端开发H5、微信小程序、支付宝小程序遇到的坑

文章目录微信支付宝小程序通用功能1.checkbox样式2.分享功能支付宝小程序参数微信小程序参数其他兼容问题H5微信小程序支付宝小程序持续更新中...微信支付宝小程序通用功能1.checkbox样式/*App.vue页面样式没有用scoped的话,可以不要::v-deep*//*微信小程序样式*//*#ifdefMP-WEIXIN*/ ::v-deepcheckbox{ .wx-checkbox-input{ color:transparent; width:36rpx; height:36rpx; background:url("checkbox.png")no-repe

uni-app嵌入微信小程序原生代码

使用uni-app有时需要用到微信小程序原生代码解析:uni-app项目结构跟原生小程序的项目结构有着不一致的区别,如果说开发过程中必须要使用原生代码,就需要把原生代码作为组件的方式在uni-app项目中引入使用官网为了应对这一个需求,就给出了以下方法,供开发者实现wxcomponents微信小程序专用、qq小程序mycomponents支付宝小程序swancomponents百度小程序ttcomponents字节跳动小程序、飞书小程序kscomponents快手小程序jdcomponents京东小程序以上使用哪一个就在项目根目录创建对应的文件夹项目中所使用到的为微信小程序wxcomponen

uni-app 使用 Uview2.x 搭建自定义tabbar组件,自定义navbar,还会解决自定义导航栏引起闪烁性能差的问题!!!

pages.json 上面可以看到tabbar我使用的原生的,但是值配置了pagepath,并且page里三个首页都可以自定义顶部导航栏,当然如果删掉custom那一行代码,就切换成原生顶部导航栏了。下面拿一个首页作为代码演示:(顶部自定义导航栏组件和底部导航栏组件会放在最后)下图组件没有引入,是使用了easyCom,官网详解 import{mapState}from'vuex'; exportdefault{ data(){ return{ tabbarTopData:{ title:"家园首页" } } }, components:{}, c

SpringCloud微服务实战——搭建企业级开发框架(四十八):【移动开发】整合uni-app搭建移动端快速开发框架-使用第三方UI框架

  uni-app默认使用uni-ui全端兼容的、高性能UI框架,在我们开发过程中可以满足大部分的需求了,并且如果是为了兼容性,还是强烈建议使用uni-ui作为UI框架使用。  如果作为初创公司,自身又不想费太多精力去自己设计一套UI框架,那么DCloud插件市场提供了很多优秀的UI框架,最重要的是有些UI框架能够提供一整套行业的页面模板,比如,前几年电商项目比较火,Vant、ColorUI等提供了一整套电商模板方案,界面设计非常精美。  项目之前使用过ColorUI,可惜的是ColorUI已经好久没更新了,后续是否能够继续更新还是个未知数,最近刚好要做一个类似于论坛圈子的移动应用,在DClo

前后端分离项目,vue+uni-app+php+mysql在线考试系统(H5移动项目) 开题报告

 毕业论文基于Vue.js在线考试系统(H5)开题报告学   院:                      专   业:                      年   级:                      学生姓名:                      指导教师:     黄菊华           XXXX大学本科生毕业论文(设计)开题报告书姓  名Xxx学院XXXXXXX专业Xxx年级(班)论文题目基于Vue.js在线考试系统(H5)指导教师课题论证课题背景Vue(读音/vjuː/,类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue被设

uni-app开发使用uni-ui组件uni-data-checkbox编译微信小程序报错

uniapp开发使用uni-ui控件uni-data-checkbox,编译成微信小程序报错VM50WAService.js:1TypeError:Cannotreadproperty'length'ofundefined,并且页面无法显示。 解决方法:1、HBuilderX编译器下载sass或更新HBuilderX版本2、更新uni-ui组件库3、如果不使用uniCloud就注释uni-data-checkbox.vue文件中的这行mixins:[uniCloud.mixinDatacom||{}],

uni-app app端web-view通信

本文简介点赞+关注+收藏=学会了在uni-app或者微信小程序中,都有web-view组件。该组件是一个浏览器组件,可以承载网页的内容。而且该组件是全屏的,会覆盖该组件之外的其他内容。本文要讲解在uni-app中使用web-view怎么实现大量数据通信。我所使用的是Vue3语法。web-view数据通信方法web-view文档web-view其实有点像iframe,但在uni-app又提供了几种基础的通信方式。基础用法可以看文档,本文主要讲解如何在主应用向web-view传输数据。本案例目录结构省略部分目录-hybrid|-html|-js|-uni.webview.1.5.3.js|-ind