草庐IT

uni-collapse

全部标签

uni-app实现水印相机

效果展示点击“拍照”,拍照成功后在底部生成已经添加上水印的图片,点击图片查看图片结构与样式结构template> view> camera:device-position="device":flash="flash"@error="error":style="{width:'100%',position:'relative',height:getHeight+'px'}"> cover-viewclass="topBox"> cover-viewclass="topItem">{{nowTime2}}cover-view> cover-viewclass="topItem">

前端vue单个文件上传支持图片,压缩包以及文件 , 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13066

前端vue单个文件上传支持图片,压缩包以及文件 ,下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13066效果图如下:使用方法addPhotoClick(){uni.hideLoading();letmyThis=this;if(myThis.photoList.length>=1){myThis.photoList=[];}uni.chooseImage({count:1,sizeType:['compressed'],//可以指定是原图还是压缩图,默认二者都有sourceType:['album'],//从相册选择suc

基于uniapp+vite4+vue3搭建跨端项目|uni-app+uview-plus模板

最近得空学习了下uniapp结合vue3搭建跨端项目。之前也有使用uniapp开发过几款聊天/仿抖音/后台管理等项目,但都是基于vue2开发。随着vite.js破局出圈,越来越多的项目偏向于vue3开发,就想着uniapp搭配vite4.x构建项目效果会如何?经过一番尝试果然真香~版本信息HBuilderX:3.8.4Vite:4.2.1uView-Plus:3.1.31创建uniapp+vue3项目uniapp官网提供了 HBuilderX可视化界面、vue-cli命令行 两种方式快速构建项目。这次主要讲解通过hbuilderx可视化编辑器创建项目。点击编辑器的文件>新建>项目(快捷键Ctr

uniapp 中 uni.navigateTo跳转其他页面 并且带参数

1.可以带某一具体值A页面跳转到B页面,并向B页面传递参数id,用?连接参数,参数之前用&连接A页面:letid=5uni.navigateTo({url:`/pages/B?id=${id}`})B页面:在onLoad中接收到A个页面传递的参数onLoad(option){console.log(option)console.log(option.id)}2.可以带某一对象数组A页面跳转到B页面,并向B页面传递参数id,用?连接参数,参数之前用&连接A页面:JSON.stringify():用来将数组对象转为字符串uni.navigateTo({url:/pages/all/filterLi

前后端分离项目,vue+uni-app+php+mysql订座预约小程序系统 开题报告

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

UNI-APP开发微信小程序的基本流程

需提前准备的工具:HBuilderX,微信开发者工具一、申请微信小程序账号登录小程序官网,如已有账号,则直接登录。无账号,申请完账号后,进入账号填写相关信息,获取appId。获取appId:【开发-开发管理-开发设置】二、在HBuilderX中新建小程序模板【文件】-【新建】-【项目】:点击【manifest.json】,将微信小程序的配置信息填好:小程序可能太大,需要开启压缩。图片太大时,可使用熊猫压缩减少图片颜色数量三、在【微信开发者工具】中配置信息,与HBuilder建立关联打开【微信开发者工具】-【设置】:将服务端口打开:四、HBuilder中调试、发行【微信小程序】无论是调试还是发行

uni-app/微信小程序:scroll-view纵向滚动高度自适应flex布局填充剩余高度

目录文档方案1:js计算高度方案2:使用flex布局参考文档uni-app文档:https://uniapp.dcloud.net.cn/component/scroll-view.html使用竖向滚动时,需要给一个固定高度,通过css设置height微信文档:https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html使用竖向滚动时,需要给scroll-view一个固定高度,通过WXSS设置height所以,给scroll-view设置一个固定高度就可以了方案1:js计算高度实现原理:通过js获取设备高

前后端分离项目,vue+uni-app+php+mysql教室预约系统设计与实现(H5移动项目)

 功能模块【后台管理功能模块】系统设置:设置关于我们、联系我们、加入我们、法律声明广告管理:设置小程序首页轮播图广告和链接留言列表:所有用户留言信息列表,支持删除会员列表:查看所有注册会员信息,支持删除录入资讯:录入资讯标题、内容等信息管理资讯:查看已录入资讯列表,支持删除和修改录入教室:选择分类,录入教室名称等教室管理:显示教室的列表,支持修改和删除教室预约列表:显示所有用户预约的教室订单,包含预约用户信息、教室日期和时间等教室预约管理:支持修改预约状态,删除密码修改:修改注册的密码。退出登录:清除登录的cookie,返回到首页。【用户功能模块】用户注册:填写手机账号和密码,注册新用户登录功

uni-app打包小程序根据不同编译条件打包不同静态素材目录

在uni-app开发小程序的时候,我们经常有这样的需求,一个小程序,拥有多个不同样式的模板,发布的时候,为了减少包的体积,我们希望只打包当前使用的模板对应的静态素材目录,而其他模板的目录不打包进去。在package.json中定义的模板变量如下:"uni-app":{"scripts":{"tpl_more":{"title":"猫模板","env":{"UNI_PLATFORM":"mp-weixin"},"define":{"TPL_MORE":true}},"tpl_mars":{"title":"mars火星模板","env":{"UNI_PLATFORM":"mp-weixin"},

uni-app使用plus本地推送通知栏信息,不使用第三方个推实现消息在线统一推送、消息通知(MQTT、WebSocket、setInterval定时器)

plus.push.createMessage()因项目一直是运行在内网,所以不支持使用uni-push等运行在公网的第三方个推渠道。那就只能使用plus.push.createMessage(),示例代码如下:letcontent="您有一条新的消息~";letoptions={ "cover":false, "when":newDate(), 'title':"通知消息"};letbody={ 'id':'id', 'key':"key"}letpayload=JSON.stringify(body);plus.push.createMessage(content,payload,opti