草庐IT

uni-captcha

全部标签

【小程序项目开发 -- 京东商城】uni-app 商品分类页面(下)

🤵‍♂️个人主页:@计算机魔术师👨‍💻作者简介:CSDN内容合伙人,全栈领域优质创作者。🌐推荐一款找工作神器网站:点击跳转牛客网|笔试题库|面试经验|实习招聘内推|还没有账户的小伙伴速速点击链接登录注册把!🎉🎉该文章收录专栏✨2022微信小程序京东商城实战✨姊妹篇【小程序项目开发–京东商城】uni-app商品分类页面(上)文章目录一、渲染右侧二级和三级分类1.1动态渲染二级分类页面二、渲染二级分类UI结构三、渲染三级分类UI结构四、切换一级分类重置滚动条位置五、点击三级分类跳转到商品页面六、分支的提交和合并一、渲染右侧二级和三级分类在上文【小程序项目开发–京东商城】uni-app商品分类页面(

Uni-app运用HBuilderX和微信web开发者工具做微信小程序

目录Uni-app、HBuilderX和微信web开发者工具的介绍使用HBuilderX时需配置的工具通过HBuilderX构建项目 配置微信开发者工具通过HBuilderX将项目运行到微信小程序中 Uni-app中常用的组件及方法扩展组件的使用方法结语Uni-app、HBuilderX和微信web开发者工具的介绍Uni-app的介绍:uni-app是一个使用vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5以及各种小程序、快应用等多个平台.HBuilderX的介绍:HBuilderX中的H是HTML的首字母,Builder是构造者,X是HBuilde

微信小程序web-view嵌入uni-app H5页面,通过H5页面跳转企业微信客户聊天窗口如何操作?

1、先找到企业ID和企业微信聊天接入链接1)找到企业ID,登录 企业微信企业微信https://work.weixin.qq.com/wework_admin/loginpage_wx 2)找到接入链接 2、登录微信公众平台,功能-客服-微信客服功能-客服-微信客服微信公众平台,给个人、企业和组织提供业务服务与用户管理能力的全新服务平台。https://mp.weixin.qq.com/ 3、开始写H5页面代码letd={corpId:'ww931你挚爱的强哥8dee',//企业微信IDurl:'https://work.weixin.qq.com/kfid/kfc18你挚爱的强哥af71',

关于uni-app中uni-forms表单验证时“多级结构对象数据”如何做数据校验的解决方案

-前言这几天在做uni-app表单验证时遇到了一个问题,按官方文档给出的方法,当需要数据校验时,只需要1.为uni-forms中的"modelValue"数据设置“:rules”对应2.“uni-forms-item”的name和“uni-easyinput”中“v-model”中的key和“rules”中的key相同就可以对该项“uni-easyinput”做数据校验了。这一步很多人看官方文档就能够写好,并没有其他问题。-问题问题在于,formsData不可能只是一层对象,这里面很可能是对象包对象,也就是“多级结构对象数据”(如图所示),此时,按上面的校验方法,当“uni-easyinput

uni-app Vue3实现一个酷炫的多功能音乐播放器支持微信小程序后台播放

前言本文存在多张gif演示图,建议在wifi环境下阅读📖最近在做网易云音乐微信小程序开源项目的时候,关于播放器功能参考了一些成熟的微信小程序,如网易云音乐小程序和QQ音乐小程序,但是发现这些小程序端的播放器相对于APP端来说较简单,只支持一些基础功能,那么是否可以在小程序端实现一个功能相对完善的音乐播放器呢🤔通过调研一些音乐类APP,一个功能相对完善的音乐播放器大概需要支持以下几个功能:歌曲切换进度条拖拽快进⏩快退⏪歌词同步歌词跳转歌曲后台播放(微信小程序)对播放器按照功能进行拆分,大致结构如下图所示👇主要分为控制区域和歌词区域下面来一起实现吧👇初始化全局播放器页面切换时也需要保持音乐持续播放

uni-app ——使用uploadFile上传多张图片

前言:最近的工作中出现了一个功能点,具体写法我在前面的文章中已经阐述过,不过之前的情况是上传图片调用后端的一个接口,整个表单页面提交的时候调用的是另一个接口,我也从中学到了另外的一种方法,写到这里分享给大家。一、需求概述此次的后端接口需要三个参数,分别是文章标题和文章内容以及文章中的图片,在用户点击保存文章时需要这三个参数的传递。那么这个时候其实就已经完成了图片的上传以及文章的保存。二、相关文档做这个功能的过程中我更加确定了一件事情,一定要看文档,看文档,看文档!!!重要的事情说三遍,使用类似uni-app这种api一定要看相关描述的官方文档,人家都说了是官方文档,就是写给开发人员参考使用的,

快速学会创建uni-app项目并了解pages.json文件

(创作不易,感谢有你,你的支持,就是我前行的最大动力,如果看完对你有帮助,请留下您的足迹)目录前言 创建uni-app项目 通过HBuilderX创建pages.json pages style globalStyletabBar前言 经过半个多月的学习,vue基础入门就告一段落啦,接下来就要开始学习制作微信小程序了,既然要学微信小程序,那么uni-app入门学习当然是必不可少的啦,接下来我就和大家一起零基础入门uni-app 创建uni-app项目 通过HBuilderX创建 1. 下载安装HbuilderX编辑器2.通过HbuilderX创建uni-appvue3项目  3.安装uni-a

uni-app 点击按钮数据已发生改变了,但是没有渲染渲染视图

数据发生改变,视图没有更新问题描述:当用户点击一个按钮button,已经更改了状态,并且已经重新请求接口,但是视图并没有直接更改,需要用户手动刷新一遍才可以看见状态更改;代码:这样并不能直接实现到用户点击后按钮的状态发生改变methods:{ //获取数据 getData(){ //获取数据的Axios请求 .... }, apply(item){ ..... Axiso.get(url,data,(res)=>{ uni.showToast({ title:res.message, icon:'none' })this.getData();//这样重新刷新数据了

在uniapp开发编译成小程序时,模板编译错误Module build failed (from ./node_modules/@dcloudio/webpack-uni-mp-loader/lib/

Modulebuildfailed(from./node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js):[HBuilder]17:17:31.695Error:Unbalanceddelimiterfoundinstring[HBuilder]17:17:31.699atFunction.XRegExp.matchRecursive(D:\编程软件\HBuilderX\plugins\uniapp-cli\node_modules\xregexp\lib\addons\matchrecursive.js:186:23)[HBuil

详解uni-app项目运行在微信小程序调试

详解uni-app项目运行在微信小程序调试uni-app项目运行在微信小程序调试文章目录详解uni-app项目运行在微信小程序调试前言一、环境准备二、小程序模拟器调试总结前言UNI-APP学习系列之详解uni-app项目运行在微信小程序调试一、环境准备微信小程序工具,【下载地址】打开下载地址后,选择电脑所用操作系统的稳定版本进行下载并安装。二、小程序模拟器调试项目运行在微信小程序打开HbuilderX,运行==>运行到小程序或模拟器==>运行设置==>设置微信开发者工具路径打开微信开发者工具,选择设置==>安全设置。将服务端口号选择为开启运行成功运行后结果如下所示总结以上就是今天要讲的内容,本