分类 uniapp能使用的ui框架分为vue组件框架和原生小程序框架。官方说明:小程序组件不是vue组件,并且每家小程序都有自己的组件规范,比如微信小程序的组件是wxml格式。小程序组件不是全端可用,支持度最广的微信小程序自定义组件,也只能支持微信小程序、app-vue、web,其他平台无法兼容。如果需求上只需兼容有限平台,也可以使用小程序组件。否则仍然推荐使用vue组件。 在使用方面,若是使用uniapp进行开发,使用小程序原生组件,则不能参考原生示例,需要修改成vue语法,所以在开发过程中,需要花时间进行转换。若是使用小程序开发工具开发,则只可以选择原生小程序组件进行开发。2
一、背景最近在做一个uniapp开发的小程序遇到一个需求,希望不同用户登录后展示不同的tabbar页面,但是uniapp项目中的pages.json是只有一个list数组的,并且是不能写成动态效果,为了实现这个需求,便自定义了tabbar组件二、效果展示2.1、角色1:admin账号登录效果2.2、角色2:tom账户登录效果三、前置工作3.1、将登录页面作为用户进入小程序展示的第一个页面,pages.json文件中的pages数组第一个设为login页面👇3.2、pages.json配置tabbar的基本路径(只需路径即可)👇{ "pages":[//pages数组中第一项表示应用启动页,参考
文章目录前言一、修改ec-canvas组件1.1在`ec-canvas`组件methods中定义一个`initChart`方法1.2用initChart全局替换this.ec.onInit1.3监听数据变化1.4ec-canvas完整代码参考二、H5echarts组件三、供外部调用的组件外部调用组件uni-chart代码使用uni-chart前言接上文:uniapp微信小程序使用echarts,这篇文章目的为使用uniapp时提供一个同时兼容H5和小程序的echarts组件,在使用时尽量减少心智负担。一、修改ec-canvas组件首先修改uniapp微信小程序使用echarts中的ec-can
描述app的版本管理和升级,是一个不可或缺的功能,而uniapp则是提供了一整套的流程,由于官方文档过于复杂,而且写的云里雾里的,所以个人记录一次我的操作,直到配置成功。总体一共分为2个部分,官方提供的两个插件(uni-upgrade-center-Admin和uni-upgrade-center-App)配套使用,本文采用最简单粗暴的方式来实现。前端设置1安装前端插件插件uni-upgrade-center-App,将插件导入到你的项目里面。2添加路径在pages.json文件,添加一个更新页面(官方已提供){ "path":"uni_modules/uni-upgrade-center-a
博主介绍:擅长Java、微信小程序、Python、Android等,专注于Java技术领域和毕业项目实战✌🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟Java项目精品实战案例(300套)Java+小程序项目实战(200套)目录一、效果演示二、前言介绍三、主要技术3.1、MINA框架3.2、B/S结构3.3、mysql数据库四、系统设计(部分)4.1、系统结构设计4.2、系统开发流程设计五、运行截图5.1、系统主界面5.2、分类展示界面5.3、购物下单界面5.4、订单管理界面5.5、后台管理界面六、代码实现七、结论八、源码获取一、效果演示基于微信小程序的的购物商城系统——小
智慧工地是指利用物联网、大数据、云计算、人工智能等技术手段,为建筑施工现场提供智能硬件及物联网平台的解决方案,实现建筑工地的实时化、可视化、多元化、智慧化、便捷化。智慧工地的建设目标是实现全天候的管理监控,提高施工效率和质量,降低安全事故发生率,节约资源和成本,推动建筑行业的数字化转型和升级。智慧工地的建设框架采用全新的工程全生命周期管理理念,以物联网技术为核心,利用传感网络、远程视频监控、地理信息系统、物联网、云计算等新型技术,依托移动和固定宽带网络,围绕施工过程管理,建造互联协同、智能生产、科学管理的信息化生态圈。一、智慧工地建设目标1、全天候的管理监控为建筑企业或政府监管部门提供全天候的
1.创作背景前几个月写了一篇关于map组件的使用方式 uniapp地图组件(map)的使用总结,上个月我们公司将整个小程序进行了一次重构,地图这边也有很多修改的地方,看见小伙伴对于上一篇文章写的使用和有些功能有些不清楚。一直都想重新写一篇文章进行总结,因为工作原因(太懒了)一直没机会。正好趁这次1024活动于是决定将文章重新总结一下。2.项目创建已经创建项目的同学可以跳过首先打开我们的hbuilderX(没有的小伙伴可以自行下载哈)创建项目1.右键新建项目2.新建map-demo 然后运行项目因为是新项目,我们直接在pages/index/index.vue中进行后续的逻辑编写 3.阅读文档
需要利用scroll-view监听页面滚动距离(注意,需要添加:throttle="false"关闭内置的节流阀) //滚动内容 scrollTop监听页面滚动变化scrollTop(e){ //console.log(e.detail.scrollTop); if(e.detail.scrollTop然后利用官网的transition组件实现吸顶效果(选用淡入淡出)(zero-custom-bar、v-tab是第三方插件库,可以去插件市场搜索。Topbar是我自己封装的一个自定义组件,可以根据手机屏幕的不同动态计算导航栏高度)当isshow为true是导航栏
1.预览效果图当用户点击拒绝按钮后的截图: 用户点击不授权 则关闭弹窗单独给用户点击授权后,跳转到授权页面 开启授权后:2.代码 -->-->-->保存到相册11关闭exportdefault{data(){return{src:'https://cdn-asset.znyzf.com/asset/zsbg.jpg',canvasRef:null,info:{},number:1}},created(){this.drawCanvas()},onLoad(options){this.info=JSON.parse(decodeURIComponent(options.certificateIn
效果图在uniapp项目开发中,swiper组件内有多个视频、图片和视频混合时会出现滑动不流畅卡顿问题,并且视频自动轮播时没等看完视频就轮播走了。解决方案全端(H5网页/小程序/app安卓苹果等)兼容适用,uview组件库同理也能用,保证解决卡顿不流畅的问题。问题分析先来整理一下