草庐IT

uniapp的tabBar角标

全部标签

uniapp定时器的应用

1、初始化定时器data(){ return{ timer:null,//定时器}}2、定时器的使用定时器分两种,setInterval和setTimeout。二者的区别:setInterval函数会无限执行下去,除非调用clearInterval函数来停止它。setTimeout函数只执行一次,然后结束。onShow(){//使用定时器var_this=this;_this.timer=setTimeout(()=>{//待处理业务逻辑 },1000)//或者_this.timer=setInterval(()=>{ //待处理业务逻辑 },1000)}3、清除定时器onUnload(){

uniapp联动左侧导航栏分类?

html Logo {{item.title}} js exportdefault{ data(){ return{ sidebarItems:[{ title:'菜单项1' }, { title:'菜单项2' }, { title:'菜单项3' }, { title:'菜单项4' } ] }; }, methods:{ handleSidebarItemClick(item){

uniapp开发指南1 -- 微信小程序申请 wx.getLocation、wx.chooseLocation API指南

项目场景:最近项目中要使用微信小程序的地理位置信息采集的功能,需要使用 wx.chooseLocation和 wx.getLocation两个API接口。于是我全程负责从申请到开发,下面由我来简述一下申请和开发指南。一、完善用户隐私保护指引这是地址:微信公众平台首先我们进入的小程序后台,点击“设置”进入“基本设置”找到我们的“服务内容声明”的功能,去完善我们的“用户隐私保护指引”,填写相关信息。进入后选择 “本小程序处理了用户信息,将如实填写并及时更新用户信息处理情况”,然后点击“确定以上内容”按钮,进入下一个页面。填写相关信息,只有在指引中声明所处理的用户个人信息,才可以调用平台提供的对应接

uniapp多端小程序中中各部分尺寸的计算方法

因为各小程序平台能给到的api有一定的差异。而当小程序用于多端的时候,对于某些设计,可能需要对各部分的尺寸进行精确计算。这种情况下,就需要针对不同的小程序做不同的处理了。先说说几个可能用到的api及支持情况1、可以直接获取的参数(各家小程序都支持的)statusBarHeight(获取状态栏高度)2、部分小程序支持或支持不好的参数titleBarHeight(标题栏高度,支付宝小程序支持)navigationBarHeight(导航栏高度,百度小程序支持)getMenuButtonBoundingClientRect(获取胶囊位置,各家小程序都支持,但是部分小程序存在有时候获取不到的问题,所以

uniapp实现图片和视频上传

模板部分 {{item.fileName}} --> {{dataList.length}}/{{maxFilesNum}} js部分 importCOSfrom'cos-wx-sdk-v5' import{ c

开发知识点-uniapp微信小程序-开发指南

uniapp前端-制作自己的iconfontVue的原型链生命周期函数onLoaduni.chooseLocationgetCurrentPages美团外卖微信小程序开发uniapp-美团外卖微信小程序开发P1成果展示P2外卖小程序后端,学习给小程序写http接口P3主界面配置P4首页组件拆分P13外卖列表布局筛选组件商家布局测试数据创建样式请求商家外卖数据封装请求父页面引入Prop属性传递:Slot分发传递:并发请求工作androidjsbridgeH5(uniapp打包)HypridApp解决跨域问题开发中常识性跨域原理知识点部署index页商品列表与数据渲染页面请求后台数据至前台后台地址

uniapp开发小程序解析经纬度获取当前位置信息(高德地图三)

选择了高德地图定位高德地图官网小程序步骤如下:   1.首先创建应用    2.点击增添key按钮申请小程序key    3.然后下载它的微信小程序版SDK:微信小程序SDK    4.把下载的sdk放在公共的文件里,这里我放在了utils文件目录下     5.使用页面导入此方法 //引入高德地图sdk importamapfrom'@/utils/amap-wx.130.js';    6.全部高德地图获取小程序当前位置代码importamapfrom'@/utils/amap-wx.130.js';exportdefault{data(){return{amapPlugin:null,k

uniapp正确引入本地iconfont(阿里图标库)(亲测无问题)

1.文件说明从阿里巴巴iconfont下载的文件中包含iconfont.ttf、iconfont.css,将iconfont.ttf文件转位base64。2.转换地址转换地址3.操作方式3.1打开iconfont.css文件,修改@font-face部分,将转换好的base64代码粘贴到对应位置,并且设置代码如下:@font-face{font-family:"iconfont";src:url(data:font/truetype;charset=utf-8;base64,转换的base64内容

uniapp小程序自定义签名面板组件,小程序页面引用实现横屏签字(亲测有效)

需求:uniapp小程序自定义签字面板组件,canvas手写签名画板,小程序页面引用实现横屏签字实现效果:一、自定义组件在项目中创建components文件夹,在文件夹下创建my-sign组件,组件下创建my-sign.vue和index.jsmy-sign.vue组件代码:template> viewclass="signature-wrap"> canvas :canvas-id="cid" :id="cid" @touchstart="onTouchStart" @touchmove="onTouchMove" @touchend="onTouchEnd" di

有关Vue、微信小程序、UniApp中的CSS中的宽度width单位、自适应

在Vue中,可以使用以下单位来设置宽度(width)像素(px):最常用的单位,表示一个绝对长度单位。例如,width:200px;表示宽度为200像素。百分比(%):相对于父元素的宽度计算。例如,width:50%;表示宽度为父元素宽度的50%。视窗宽度(vw):相对于视口(浏览器窗口)宽度的百分比。例如,width:25vw;表示宽度为视口宽度的25%。视窗高度(vh):相对于视口(浏览器窗口)高度的百分比。例如,height:50vh;表示高度为视口高度的50%。em:相对于元素自身字体大小的倍数。例如,width:2em;表示宽度为字体大小的两倍。rem:相对于根元素(html)字体大