草庐IT

uniapp ios 安卓权限判断,未获取权限跳转设置权限,话不多说直接上代码

varisIos//#ifdefAPP-PLUSisIos=(plus.os.name=="iOS")//#endif//判断推送权限是否开启functionjudgeIosPermissionPush(){ varresult=false; varUIApplication=plus.ios.import("UIApplication"); varapp=UIApplication.sharedApplication(); varenabledTypes=0; if(app.currentUserNotificationSettings){ varsettings=app.currentU

【uniapp小程序开发】—— 组件封装之【自定义轮播图】

文章目录🍋前言:🍍正文1、首先了解`swiper`组件1.1、小小的demo示例:1.2、自定义轮播图效果展示说明2、完成自定义轮播图效果3、组件封装——自定义轮播图3.1、创建`swiper-doc.vue`组件3.2、组件调用,封装完成🎃专栏分享:🍋前言:本文主要展示小程序端封装轮播图组件,使用的是uniapp进行的开发,主要使用的是uniapp官网提供的swiper组件,可以参考官方文档,查看一些相关API。效果图一睹为快:话不多说直接上正文一起来学习一下封装轮播图组件吧!🍍正文1、首先了解swiper组件滑块视图容器。一般用于左右滑动或上下滑动,比如banner轮播图。注意滑动切换和滚

【uniapp小程序开发】—— 组件封装之【自定义轮播图】

文章目录🍋前言:🍍正文1、首先了解`swiper`组件1.1、小小的demo示例:1.2、自定义轮播图效果展示说明2、完成自定义轮播图效果3、组件封装——自定义轮播图3.1、创建`swiper-doc.vue`组件3.2、组件调用,封装完成🎃专栏分享:🍋前言:本文主要展示小程序端封装轮播图组件,使用的是uniapp进行的开发,主要使用的是uniapp官网提供的swiper组件,可以参考官方文档,查看一些相关API。效果图一睹为快:话不多说直接上正文一起来学习一下封装轮播图组件吧!🍍正文1、首先了解swiper组件滑块视图容器。一般用于左右滑动或上下滑动,比如banner轮播图。注意滑动切换和滚

uniapp 下拉框效果使用 uni-data-select标签

v-model="formData.femMerchantsClassificationId":localdata="range"@change="change">:localdata绑定下拉框内容当下拉框内容调用后端接口时候,写法:data(){ return{range:[],}methods:{category(){            uni.request({               url:“”,               method:'GET',               header:{                  'Authorization':'Beare

uniapp中tabbar设置报错文件查找失败,at mian.js:5

小白自学编程之路:uniapp中设置tabbar是报错:文件查找失败:"./pages/xx/xx.vue"atmian.js:5由于之前自学过一段时间的微信小程序编程,在uniapp中我也用了在微信小程序开发者工具中的tabbar的页面新建方式,直接在全局文件pages.json中新建了自己需要的页面路径,认为uniapp也会pages目录中会自动新建这些页面;所以在保存后uniapp会报错:文件查找失败:"./pages/xx/xx.vue"atmian.js:5     具体看下图的图文解释: 找到原因后,我又在上方的pages文件夹中重新添加了(fabu,qiuzu,wode)3个页面

uniapp实现小程序页面转发和分享到朋友圈

1、借助uniapp中页面生命周期钩子onShareAppMessage(OBJECT)用户点击右上角分享在js中定义onShareAppMessage处理函数(和onLoad等生命周期函数同级),设置该页面的分享信息。onShareAppMessage(res){if(res.from==='button'){//来自页面内分享按钮console.log(res.target);}return{title:'xxx',//分享的名称path:'/pages/index/xxx?id=xx',//分享详情页面时,需要把所需参数代入mpId:'xxxx',//此处配置微信小程序的AppId};}

解决HbuildX中开发uniapp+vant出现的报错:Module build failed (from ./node_modules/postcss-loader/src/index.js):

首先目录大致一致。接下来运行的时候会出现Modulebuildfailed(from./node_modules/postcss-loader/src/index.js):这样的报错。 如果和我的一样的话,那就是HbuildX的坑了。 接下来只需要打开wxconponents里面vant目录下的icon里面的index.vue文件,把鼠标光标点击到代码里面,按ctrl+k,HbuildX会自动编译,然后再运行就ok了。 

uniapp微信小程序 map地图markers图标不显示,markers图标真机调试不显示

uniapp微信小程序map地图markers图标不显示,markers图标真机调试不显示举例:预期效果如下,蓝色为用户位置,红色为店铺位置均为自定义图标实际发布后手机上的效果(此处忽略位置先只关注图标问题)可以很明确的看到自定义图标失效了,使用了原生自带的图标问题复现关键代码如下template>mapstyle="width:100%;height:240px;":latitude="params.lat":longitude="params.lon":markers="covers"/>/template>scriptlang="ts"setup>//地图标记点配置constcovers

uniapp实现h5、app与微信小程序三端pdf文件下载和预览功能

以下代码兼容三端,app,h5,微信小程序,经过个人测试手机端有两种方法,使用renderjs或者uniapp的api两者的区别使用renderjs的写法,会提示用户是否下载文件,下载完成后用户需要手动点击下载的文件,才会打开文件使用uniapp的api则可以直接下载并直接预览,不需要用户操作根据场景需求进行选择即可预览和下载pdf(renderjs)预览和下载pdf(uniappapi)预览和下载pdfexportdefault{methods:{exportPDF(){constUrl="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-7da443bc-3

uniapp 手机验证码输入框(随机数、倒计时、隐藏手机号码中间四位)可以直接使用

     如键盘被隐藏,可直接点击蓝框弹出键盘,蓝框就相当于input的光标,验证码输入错误之后会将字体以及边框改为红色,持续1.5s(可自行修改时间),然后清空数据。 请输入验证码 已向+86{{phone.substring(0,3)}}****{{phone.substr(phone.length-4)}}发送验证码 验证码输入错误 {{code[index]&&code[index]||''}} 重新发送({{sec}}s) 发送短信 exportdefault{ data(){ return{ phon