草庐IT

uni-collapse

全部标签

uni-app 新增 微信小程序之新版隐私协议

一、manifest.json中配置"__usePrivacyCheck__":true二、编写封装后的组件 隐私保护指引 在使用当前小程序服务之前,请仔细阅读 {{privacyContractName}} 。如果你同意{{privacyContractName}},请点击“同意”开始使用。 拒绝 同意 exportdefault{ data(){ return{ privacyContractName:'',//需要弹窗展示的隐私协议名称 showPrivacy:false,//全局控制弹窗显隐 }; }, c

uni-app微信小程序-利用canvas给图片添加水印

实现思路一、选择图片二、将图片绘制到canvas中并绘制水印三、将canvas画布转换为图片地址四、最终效果五、完整代码实现思路选择图片→将图片绘制到canvas中并绘制水印→将添加水印的图片绘制到canvas中→将canvas画布转换为图片地址→上传/展示操作一、选择图片注意:微信小程序在选择照片或者唤起相机之前需要获取相应的权限利用uni.getSetting查看用户是否调用相机的权限(有就选择图片,没有就获取授权后再选择图片)uni.getSetting({ success:async(res)=>{ //是否有相机权限 if(!res.authSetting['scope.came

android - CollapsingToolbarLayout with tablayout & image as collapsing with sticky toolbar

我想实现类似于下图的View下面是我通过android中的设计支持库实现的界面请看下面我的布局文件请检查上面的xml,让我知道我做错了什么?? 最佳答案 请查看PaulBurkegists,它可能会解决您的问题,https://gist.github.com/iPaulPro/1468510f046cb10c51ea 关于android-CollapsingToolbarLayoutwithtablayout&imageascollapsingwithstickytoolbar,我们在S

uni-app微信小程序,APP都适用自定义顶部导航

1.需要注意以下三点*使用自定义的导航样式,首先需要把原生的顶部的导航方式给隐藏掉("navigationStyle":"custom")*手机顶部手机状态栏的高度*微信小程序中胶囊的位置信息存储(使用store存储)2.导航布局*由于微信小程序中带有导航胶囊,所以需要根据胶囊去获取一定的参数信息在微信小程序中,我们只需要获取胶囊的位置参数即可,详细如下(App和小程序自定义顶部):注:微信小程序围绕胶囊布局即可须知:获取胶囊信息的Apiuni.getSystemInfo()----->使用这个是为了算rpx--->px的换算系数(返回值可去uniapp官方文档里查看) 小程序默认把可使用窗口

uni-app微信小程序uni.startLocationUpdateBackground和uni.startLocationUpdate踩坑

//开启后台定位uni.startLocationUpdateBackground({success:(res)=>{uni.onLocationChange((res)=>{console.log("纬度:"+res.latitude);console.log("经度:"+res.longitude);});},fail:(err)=>console.error("后台运行定位消息失败:",err),complete:(msg)=>console.log("后台运行定位消息API完成"),});如此即可开启微信小程序后台定位,包括切屏息屏也能输出坐标。如果使用uni.startLocatio

uniapp:uni_modules组件开发与发布

文章目录一、前言二、开发准备三、uni_modules插件开发1、创建uni_modules目录2、新建uni_modules插件2.1、新建2.2、目录结构说明2.3、package.json配置3、发布到插件市场4、修改插件基本信息5、发布新版本6、查看发布的插件7、示例一、前言1、uni_modules定位:是uni-app插件的模块化规范(HBuilderX3.1.0+支持),是对一组jssdk、组件、页面、uniCloud云函数、公共模块等的封装,用于嵌入到uni-app项目中使用,也支持直接封装为项目模板。2、开发便捷性:开发者可以像开发uni-app项目一样编写一个uni_mod

微信小程序修改原生组件样式(uni-app)

微信小程序修改原生组件样式全局修改,直接将修改的样式写在全局的样式文件中;特殊情况:修改swiper指示点样式时,需要包裹在swiper的样式选择器下才生效。直接将下列代码放在全局样式中是不会生效的,需要加上swiper组件的元素选择器或swiper组件的其他样式名也可。.wx-swiper-dot{ width:12rpx; height:8rpx; border-radius:4rpx;}.wx-swiper-dot-active{ width:30rpx; background-color:#01c75a;}需修改为如下代码//这里的swiper是元素选择器,可以替换为swiper的类选

uniapp的uni_modules目录需要提交到Git吗?为什么有了node_modules,还需要再发明一个uni_modules的轮子?node_modules和uni_modules的区别

需要提交。官网:uni_modules|uni-app官网https://uniapp.dcloud.net.cn/plugin/uni_modules.html什么是uni_modulesuni_modules是uni-app的插件模块化规范(HBuilderX3.1.0+支持),通常是对一组jssdk、组件、页面、uniCloud云函数、公共模块等的封装,用于嵌入到uni-app项目中使用,也支持直接封装为项目模板。为什么有了node_modules,还需要再发明一个uni_modules的轮子?node_modules 不满足云端一体的需求。uniCloud的云函数、公共模块、schem

uniapp使用uni自带websocket进行即时通讯

最近再办一个uniapp做的即时通讯,把其中思路记载一下。技术栈采用uniapp+uview+vue2进行开发。一、使用uni封装好的websocket。下面的从uniapp官网截图的Api uni.connectSocket():这个方法可以让我们创建一个webSocket的连接,里面包含几个参数,url是写ws的连接地址,没有的话肯定是连接不上服务器,其他的没用过。用的时候再看。//创建webSocketthis.webSocketTask=uni.connectSocket({ url:'这里面写的是连接地址', header:{ 'content-type':'application/

uni-app中监听网络状态,并在嵌入webView页面的组件中添加网络监测

uni-app中监听网络状态,并在嵌入webView页面的组件中添加网络监测uni-app中监听网络状态下载插件打开网络异常组件页面,点击"下载插件并导入HBuilderX"按钮,打开HBuilderX软件后,选择需要导入插件的项目,点击“确定即可”。使用插件template>viewclass="content">mz-network-error@clickFn="hancleClick"message="当前无法连接网络,可检查网络设置是否正常.">/mz-network-error>/view>/template>importmzNetworkErrorfrom'@/components