草庐IT

uniapp-美团外卖微信小程序开发

美团外卖微信小程序开发P1成果展示P2外卖小程序后端,学习给小程序写http接口P3主界面配置P4首页组件拆分P13外卖列表布局筛选组件商家布局测试数据创建样式请求商家外卖数据封装请求并发请求uni-app框架调用https接口开发小程序提高vue技术前端技术课程需要具备vue基础知识P1成果展示nodejs后台P2外卖小程序后端,学习给小程序写http接口P3主界面配置uniapp小程序vue新建界面添加配置资源文件底部导航栏拾色器P4首页组件拆分P13外卖列表布局筛选组件发生事件穿透商家布局引进子组件 importTakefrom'./components/takeout.vue' ex

uniapp小程序通过canvas给图片叠加自定义文字

功能背景之前文章uniapp小程序开发自定义相机、拍照、上传提到的前端给图片叠加文字水印的操作。比如想要一张照片上,叠加上自定义的文字。效果图保存到本地放大看看功能说明借助于uniapp的API:第一步uni.getImageInfo或者uni.downloadFile,把在线图片加载出来,拿到临时路径。//uni.getImageInfo({ // src

2023去水印小程序saas系统源码修复独立版v1.0.3+uniapp前端

🎈限时活动领体验会员:可下载程序+网创项目+短视频素材🎈🎉有需要的朋友记得关+赞+评,阅读文章底部来交流!!!🎉✨源码介绍一个基于uniapp写的小程序,后端使用的是phpuniapp可以编译成微信小程序、QQ小程序、抖音、百度小程序等等搭建非常简单,小白可轻松搭建上线使用。功能如下:1、可以创建多个小程序对接同一个后台(多开)2、每个小程序可单独配置轮播图、流量主等3、可以自定义解析接口(里面自带某音视频解析)部署教程在下载的文件里面带有去水印小程序源码,前端+后端,内置接口+第三方接口,内置接口支持替换第三方接口,看了一下文件挺全的,可以添加流量主代码,搭建需要准备一台服务器,备案域名,小

关于uniapp小程序内置canvas标签层级过高,覆盖其他标签问题

uniapp原因:是因为canvas是原生组件,而uniapp的view、text 等标签相当于二次封装过的,给予z-index也是不生效的,微信开发者工具没有问题,但真机测试会爆这个雷恰巧碰上一个需求需要一个canvas生成图片放在页面,点击按钮后生成一个二维码模态框,二维码也是canvas生成图片的,所以就导致不仅模态框,两个canvas图片之间层级也出现了冲突,解决方案:1.使用uniapp提供的cover-view、cover-image等标签.2.写app端有提供nvue语法,仅支持flex布局案例可参考:uniappvuenvue模态框遮罩_nicepainkiller的博客-CS

uniapp 添加定位权限及弹出权限弹框

背景:Android10获取当前连接wifi的名称,老是返回unkonwnull,原因是没有获取到定位权限,打开定位权限后就可以获取。Android10以后,获取定位权限需要在manifest.json中添加如下:"","","",添加上如上权限之后,查看应用的权限,定位显示询问,还是没有获取到定位权限。弹出定位权限弹框,让用户选择允许,实现如下:asyncopenGps(){plus.android.requestPermissions( ['android.permission.ACCESS_FINE_LOCATION'], function(resultObj){ varresult=

uniapp 小程序公共组件引用,无需导入和注册,直接使用

相关文档链接:https://uniapp.dcloud.net.cn/tutorial/vue-components.html页面引入组件方式第一种:传统vue规范第二种:通过uni-app的easycom无需导入组件,无需注册组件,只要按照如下格式创建组件(符合‘components/组件名称/组件名称.vue’目录结构,easycom方式可直接使用组件),创建完成后直接在页面使用

uniapp,销毁上一个页面,点击返回不返回到上一个页面

我们遇到A页面到B页面再到C页面的时候在C页面点击返回但是却返回到了B页面,这个时候我们想销毁上一个页面就是B页面,直接到C页面的时候。这个在uniapp里面可以通过以下以下一种判断跳转页面的方式来完成.比如当我们到商品详情,A页面,点击购买,到了B页面,点击支付,无论成功失败,我们都想销毁B页面,这个时候我们在C页面返回,用默认的小程序返回是直接到B页面。这时候,我们可以通过在B页面判断,是从哪个页面来的,如果是A页面,自由放行,如果是C页面,就默认跳到C页面,并且携带参数。代码:B页面携带商品id跳转到C页面C页面直接携带参数,跳转到A页面。实现不返回到B页面。方法存在不规则,自己可以看一

uniapp打包发布到小程序

一,在 微信公众平台网站 注册自己的账号,登录后记录自己的appid 二、在uniapp点击发行,选择小程序(微信),输入名字和appid,发行 三、在下方出现打包后文件所在路径,复制该路径 四、下载微信开发者工具,登录,点击导入项目,粘贴这个路径,选中路径最后的一个文件,导入成功   

基于uniapp的仿书旗小说的小程序

仿照书旗小说做的一个基于uni-app+Vue的实现的小程序一、前言介绍书旗小说是阿里文学旗下手机阅读APP,拥有阿里文学平台上的小说资源[1]。书旗小说除了拥有传统阅读器的书籍同步阅读、全自动书签、自动保存阅读历史、点击翻页、全屏文字搜索定位、自动预读、同步更新等功能外,更有离线书包、增强书签以及资讯论坛等扩展内容,还可以阅读SD卡中TXT/UMD/EPUB内容,使阅读更丰富更自由。软件架构涉及技术前端:uni-app、uview、vue、自定义导航、组件(components)封装化等核心使用情况安装HbuilderX、微信开发者工具、安装uview插件运行小程序**代码编写templat

uniapp实现扫码功能兼容小程序和h5

主要是针对h5端,uniapp自带的扫码方法不支持h5的对于h5而言需要借助jweixin来实现,也就是微信的扫码功能实现方式:可通过npm安装npminstall jweixin-module引入安装的npm包importjweixinfrom'jweixin-module'在onLoad方法中加载获取签名的方法onLoad(){         this.wx_sanCode()},获取签名的方法wx_sanCode(){ constthit=this vardata={ url:location.href.split('#')[0] //当前的地址 }//请求接口