【uni-app】第31页

uni-app跨平台开发课程心得总结

在使用uni-app进行移动应用开发的过程中，我参加了uni-app的在线课程。

计算机应用技术ui设计方向3班-潘永聪·2023-10-18 22:36

uni-app项目的收获及心得体会

Uniapp是一种支持多端开发的框架，能够在一个项目中同时开发小程序、H5、APP等多个版本。学生教务系统包含了学籍信息、成绩查询、选课、课程表等众多模块，需要涉及到复杂的后台逻辑和数据库操作。使用Uniapp架构可以实现跨平台快速开发，同时保证了项目的高效性和维护性。项目起步开发环境准备微信开发者工具申请小程序账号·申请链接：小程序·小程序后台：https://mp.weixin.qq.com，

m0_71243264·2023-10-18 22:04

uni-app实战之社区交友APP（16）模块封装、文章和话题功能实现

文章目录前言一、Vuex应用和请求模块封装1.Vuex实战初体验2.封装跳转权限验证层3.封装请求模块二、首页交互和优化1.首页交互实现2.请求错误处理封装3.文章时间格式化显示三、文章模块接口交互实现1.文章详情页交互实现2.文章分享功能实现3.搜索文章功能实现四、话题功能交互实现1.话题页交互实现2.话题分类交互实现3.话题详情交互实现4.搜索话题交互实现总结如需查看本项目实际运行效果，可点击

cutercorley·2023-10-18 22:00

uni-app--》基于小程序开发的电商平台项目实战（六）

️作者简介：大家好，我是亦世凡华、渴望知识储备自己的一名在校大学生个人主页：亦世凡华、系列专栏：uni-app座右铭：人生亦可燃烧，亦可腐败，我愿燃烧，耗尽所有光芒。

亦世凡华、·2023-10-18 22:29

UNI-APP 实现跳转其他APP

参考文档https://ask.dcloud.net.cn/article/35621https://www.html5plus.org/doc/zh_cn/runtime.html#plus.runtime.launchApplicationUNIAPP实现跳转其他的APP在安卓中，在开发的过程，需要先获取外部APP的包名才能实现跳转外部APP而IOS需要获取对应的“URLscheme”才能跳转

学web的碎碎·2023-10-18 20:26

uni-app开发 yarn和npm基础

yarn和npm基础yarn详解Yarn对你的代码来说是一个包管理器。它可以让你使用并分享全世界开发者的（例如JavaScript）代码。Yarn能够快速、安全、并可靠地完成这些工作，所以你不用有任何担心。通过Yarn你可以使用其他开发者针对不同问题的解决方案，使自己的开发过程更简单。使用过程中遇到问题，你可以将其上报或者贡献解决方案。一旦问题被修复，Yarn会更新保持同步。代码通过包（packa

歐陽公子·2023-10-18 15:20

uni-app学习笔记五（第5章项目实战：更多卡片视图的实现，收藏按钮实现）

本篇要学习的是下面两种卡片的实现照着做了一下，实在没什么好写的。简单说一下思路，不同卡片图片是因为用了三种展示方式，为每一种展示方式写一组css，三种方式通过父组件传过来。子组件通过增加props来接收。父组件index.vue其他内容省略了。-->子组件list-card.vueuni-app开发框架开发框架开发框架开发框架开发框架开发框架开发框架开发框架开发框架开发框架前端120浏览uni-a

wangzhensuo·2023-10-18 14:22

uni-app的基本使用

uni-app的基本使用课程介绍：基础部分：环境搭建页面外观配置数据绑定uni-app的生命周期组件的使用uni-app中样式学习在uni-app中使用字体图标和开启scss条件注释跨端兼容uni中的事件导航跳转组件创建和通讯

時光心向阳·2023-10-18 14:20

uni-app实现上拉加载数据

这里我没有用官方给的方法，哪个放到手机上就没有效果，而且再开发阶段的时候，一般也不灵验，所以就自己写了一个，以后可以随时服用这个getData（）和deteleObject（），自己随便定义的第一步，先在全局定义varpage_num=1；//默认首次加载是第一页样式自己看着定义把{{loadingType===0?contentText.contentdown:(loadingType===1?

ljt-xiaokeai·2023-10-18 14:49

uni-app商城项目(五)-创建 search 分支

目录五、创建search分支#5.1自定义搜索组件#5.1.1自定义my-search组件#5.1.2通过自定义属性增强组件的通用性#5.1.3为自定义组件封装click事件#5.1.4实现首页搜索组件的吸顶效果#5.2搜索建议#5.2.1渲染搜索页面的基本结构#5.2.2实现搜索框自动获取焦点#5.2.3实现搜索框的防抖处理#5.2.4根据关键词查询搜索建议列表#5.2.5渲染搜索建议列表#5.

沧怜月·2023-10-18 14:49

uni-app 小程序项目二分类页面、滚动条、自定义搜索组件、使用自定义组件的props和emit、吸顶效果、修改uni组件的默认效果、防抖处理、搜索历史、搜索历史记录存储到本地以及清空

1.0分类（先建立分支）运行如下的命令，基于master分支在本地创建cate子分支，用来开发分类页面相关的功能：gitcheckout-bcate1.1渲染分类页面的基本结构1.定义页面结构如下：xxxxxxxxxxxxxxx多复制一些节点，演示纵向滚动效果...zzzzzzzzzzzz多复制一些节点，演示纵向滚动效果2.动态计算窗口的剩余高度exportdefault{data(){retur

Hyman-ya·2023-10-18 14:19

uni-app：对数组对象进行以具体某一项的分类处理

一、原始数据这里定义为五个数组，种类product有aaa,bbb两种原始数据在data中进行定义res:{"success":true,"devices":[{no:0,product:'aaa',alias:"设备1",assign:[["a1","a2","a3"],["a11","a22","a33"],["a111","a222","a333"]]},{no:1,product:'bbb

雯0609~·2023-10-18 14:48

uni-app动态绑定class和style

动态绑定calssclass="[{‘类名’:条件},{‘类名’:条件},{‘类名’:条件}]"为不同条件的image绑定不同的样式2、数组的方式，直接绑定多个class属性//数组的方式，直接绑定多个class属性动态绑定style1、//绑定单个内联样式2、//复杂情况:style="[{'width':size+'px'},{'height':size+'px'}]"'0'?'100%':'

梧桐花落了·2023-10-18 12:33

uni-app中vant-Weapp组件库的使用

先创建一个基础的uni-app目录从github下载vant包，zip格式的https://github.com/youzan/vant-weapp/releases项目根目录下创建wxcomponents

是张鱼小丸子鸭·2023-10-18 08:23

[uni-app] canvas绘制圆环进度条

源码需求要绘制一个如此的进度条参考链接uni-app使用canvas绘制时间刻度以及不显示问题处理官网api基本问题的处理其实基本看参考链接学着搞,不难的.主要是针对一些api的坑,要有了解就可以.1:

iOSTianNan·2023-10-18 07:45

uni-app 购物车全选案例

首先可以看下：购物车小案例如果选中全部的商品，那么最下面的全选按钮也会选中；如果有没有选中的商品，最下面的全选按钮不会被选中；如果你直接选中全选按钮，上面的商品也会被选中，取消全选按钮，上面的商品也会全部取消html代码-->全选methods实现先过滤出status为true的商品，放到一个新数组中，然后判断新数组的长度是否与原数组的长度相等，如果相等，说明全部商品都被选中，那么最下面的全选按钮

張三李四王五·2023-10-18 05:49

uni-app 首页瀑布流布局

{{item.city}}-->{{item.prodName}}{{item.registerDate}}/{{item.mileage}}km￥{{parsePrice(item.oriPrice)[0]}}.{{parsePrice(item.oriPrice)[1]}}.pubuBox{padding:22rpx;}.pubuItem{column-count:2;column-gap:2

3天饿九顿·2023-10-18 03:49

uni-App手撸瀑布流+列表无限加载

目录简介瀑布流+列表无限加载：瀑布流列表无限加载实现逻辑：主要知识点：底部触发加载更多获取图片的原始高度代码实现：实现效果：简介瀑布流+列表无限加载：瀑布流瀑布流是很常见的一种布局方式，像一些图片展示网站，购物网站中最为常见。瀑布流将显示区域划分为固定宽度的几栏。可以保持一致的图片或者div展示区域的宽度，自适应其高度，显示元素的顺序从左到右，自上而下排列。显示效果极好，空间利用率高。列表无限加载

www.cqz21.top·2023-10-18 03:18

uni-app项目瀑布流布局解决方法

解决方案直接复制代码列表布局数据自己写importhdListfrom"../component/hd-list.vue";exportdefault{name:"waterfall",props:{listData:{type:Array,default:[]}},components:{hdList},watch:{/***监听listData数据*/listData:{handler:fun

qq_23681041·2023-10-18 03:17

uni-app 瀑布流布局的实现

方式一：使用纯CSS实现使用flex布局方式{{item.title}}{{item.desc}}exportdefault{data(){return{flowData:{list:[],//数据值column:2,//瀑布列数columnSpace:2//瀑布列宽间距}};},created(){/*初始化每一列的数据*/for(leti=1;i{this.initData();//数据初始化

UserGuan·2023-10-18 03:11

混合开发之uni-app

uni-app介绍uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。

京京_3c96·2023-10-18 02:13

uni-app学习历程（二）

fire_candle·2023-10-17 22:21

uni-app h5 将base64格式图片下载到本地

//base64str：base64地址（"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABNo..."），fileName：文件名("image.png")exportfunctionexportImage(base64str,fileName){//将base64格式的图片转换成Blob对象vararr=base64str.split(","),m

徐_三岁·2023-10-17 19:47

uni-app入门学习

An丶清风·2023-10-17 17:53

离线部署uni-app，替换启动页

近来公司用uni-app开发前端程序，费了九牛二虎之力，把离线打包的环境弄好了。但是，一打开程序，有个启动页面或者说过渡页，或者欢迎页，是个HBuilder的标志，与软件主题不符，想换掉。

呆猫学长·2023-10-17 17:23

Uniapp 生命周期

参考：uni-app关于生命周期的认识-简书组件：不在page.json配置的叫组件，一般放在compoents目录页面：在page.json配置的叫页面，一般放在pages目录beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestroyed

程序员小刚·2023-10-17 16:12

聊天室即时通讯系统源码类似微信的H5聊天系统APP源码 ThinkPHP内核

前端：用Dcloud的uni-app全系,基于vue.js和微信小程序开发模式。目前支持APP（android、ios）、H5、微信小程序、支付宝小程序5端。在特定场景可以用weex进行原生渲染。

阿国下载·2023-10-17 11:11

uni-app实现拍照功能

直接些这样的组件代码拍照exportdefault{data(){return{photoUrl:'',//存储拍照后的照片路径}},methods:{takePhoto(){uni.chooseImage({count:1,//最多选择1张照片sourceType:['camera'],//从相机选择照片success:(res)=>{this.photoUrl=res.tempFilePath

深圳市有德者科技有限公司-耿瑞·2023-10-17 09:57

[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞)

uni-app项目真机运行报错[@vue/compiler-sfc]::v-deepusageasacombinatorhasbeendeprecated.Use:deep(＜inner-selector

前端白袍·2023-10-17 06:30

uni-app--》基于小程序开发的电商平台项目实战（五）

️作者简介：大家好，我是亦世凡华、渴望知识储备自己的一名在校大学生个人主页：亦世凡华、系列专栏：uni-app座右铭：人生亦可燃烧，亦可腐败，我愿燃烧，耗尽所有光芒。

亦世凡华、·2023-10-17 00:20

Uniapp 入门

创建项目参考：uni-app创建新页面和页面的配置_uniapp多页面配置-CSDN博客添加页面添加路由显示效果网址：http://localhost:8080/#/pages/task/taskDetails

程序员小刚·2023-10-16 23:39

2021-08-09 uni-app基础教程条件编译

一、条件编译条件编译条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台。写法：以#ifdef或#ifndef加%PLATFORM%开头，以#endif结尾。#ifdef：ifdefined仅在某平台存在#ifndef：ifnotdefined除了某平台均存在%PLATFORM%：平台名称条件编译写法说明#ifdefAPP-PLUS需条件编译的代码#endif

微软MVP Eleven·2023-10-16 23:34

uni-app简介、条件编译、App端Nvue开发、HTML5+、开发环境搭建、自定义组件、配置平台环境、uniCloud云开发平台

uni-app简介：概述：uni-app是一个前端跨平台框架：会uni-app就可以用一套代码（类似vue语法）打包出安卓、ios、及各种小程序（微信、qq、支付宝等）端跨平台发布。

苦海123·2023-10-16 23:34

语法速通 uni-app随笔【uni-app】【微信小程序】【vue】

文章目录1、微信小程序1.1、wx小程序工程目录1.2、wx小程序标签1.3、wx小程序数据绑定1.4、wx小程序条件判断1.5、wx小程序列表渲染2、uni-app2.1、uni-app规范2.2、uni-app

来杯Sherry·2023-10-16 23:33

uni-app 不同平台的条件编译

uni-app不同平台的条件编译条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台开头：#ifdef或#ifndef+%PLATFORM%；结尾：#endif；#

茶憶·2023-10-16 23:33

【uni-app从入门到实战】条件编译、导航学习

文章目录条件编译导航声明式导航编程式导航传参条件编译跨端兼容介绍条件编译是利用注释实现的，在不同语法里注释写法不一样，vue/nvue模板里使用我希望只在H5看见我希望只在微信小程序看见运行在浏览器：运行在微信小程序：API的条件编译，js使用//注释exportdefault{......onLoad(){//#ifdefH5console.log("我只希望在H5中打印")//#endif//

Errol_King·2023-10-16 23:03

uni-app条件编译

写法：以#ifdef或#ifndef加%PLATFORM%开头，以#endif结尾。#ifdef：ifdefined仅在某平台存在#ifndef：ifnotdefined除了某平台均存在%PLATFORM%：平台名称值生效条件VUE3HBuilderX3.2.0+详情APP-PLUSAppAPP-PLUS-NVUE或APP-NVUEAppnvueH5H5MP-WEIXIN微信小程序MP-ALIPA

qx_6569·2023-10-16 23:32

uni-app在不同平台样式不同以及方法等条件编译

条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台。根据不同的平台改变不同的样式写法：以#ifdef或#ifndef加%PLATFORM%开头，以#endif结尾。#ifdef：ifdefined仅在某平台存在#ifndef：ifnotdefined除了某平台均存在%PLATFORM%：平台名称条件编译写法说明#ifdefAPP-PLUS需条件编译的代码#e

Mr_wuying·2023-10-16 23:31

weapp-tailwindcss for uni-app 样式条件编译语法插件

在uni-app里，存在一种类似宏指令的样式条件编译写法:/*#i

ice breaker·2023-10-16 23:59

uniapp结束日期大于开始日期

利用uni-app官网里面picker插件代码当点击开始时间后结束时间要大于选择后的开始时间，点击结束时间后开始时间要小于开始时间。

小楠的代码生涯·2023-10-16 22:35

uni-app 调用腾讯地图关键代码

vue组件使用方式：methods:{addRess(){addressdata().then((res)=>{console.log(res)this.address=res.result.ad_info.city}).catch((err)=>{console.log("用户拒绝定位")this.address="白银市"})}},created(){this.addRess()}公共组件抽离

桃根仙·2023-10-16 21:03

uniapp开发微信小程序：为什么用户授权信息弹窗没有了？

目录写在前面调整背景调整说明最佳实践写在前面对于刚接触uni-app开发微信小程序，或是没有时常关注微信小程序官方文档调整的朋友，可能会遇到，想要实现微信用户授权登录，发现以前的用户授权弹窗没有了，而且获取到的用户信息中用户头像是灰白的

儒雅的烤地瓜·2023-10-16 11:39

解决：uniapp项目中调用小程序的chooseAddress() API失效

目录问题描述解决方案问题描述使用HbuilderX编辑器和uni-app框架开发小程序项目，在调用小程序提供的uni.chooseAddress()API实现选择收货地址的功能时，点击选择收货地址没有反应

儒雅的烤地瓜·2023-10-16 11:38

uni-app问题一： Error: Cannot find module ...plugins\uniapp-cli\bin\uniapp-cli.js‘

使用HbuilderX时，更换版本后运行内置浏览器抛出以下错误Error:Cannotfindmodule'D:\桌面\HBuilderX.3.4.5.20220408-alpha\HBuilderX\plugins\uniapp-cli\bin\uniapp-cli.js'然后在网上看到这位老哥的贴子尝试去卸载重装了一下uniapp(vue2)的编译，成了！解决办法：看这个老哥的贴子：更新后的H

精神研究所指定研究素材·2023-10-16 05:46

HBuilder X 创建并搭建uview项目

1.创建uni-app项目2、在项目的根目录输入命令安装//安装npminstalluview-ui以管理员身份运行3、如果安装成功文件下面会出现node_modules目录4、引入uView主JS库/

lichongxyz·2023-10-16 05:43

【uni-app项目如何引入 uView组件库】

uniapp项目引入uView组件库一、uView官方文档二、公司项目中引入并使用uView一、uView官方文档uView官方文档二、公司项目中引入并使用uView第一步：在公司创建完成uniapp项目后引入uView第二步：您如果是使用HBuilderX创建的uniapp项目，使用uView组件库的话需要在HBuilderX下载插件库下载uni_modules，(如果这个看不懂可以看官方文档)

李木木~·2023-10-16 05:10

创建uni-app+uView+扩展组件项目

创建uni-app项目2.安装uni-app扩展组件（1）按需引入：找到需要安装的组件（如数字角标）如果遇到导入不了的问题就重装uni_modules插件即可导入成功的效果（2）整个组件导入（3）如果遇到导入不了的问题就重装

℘团子এ·2023-10-16 05:38

HBuilder创建uniapp默认项目导入uview（胎教）

1：更新HBuilder建议更新2：更新插件我本人在没有更新插件的情况下报错了，找到了**这个大佬**解决问题，所以建议更新插件先卸载uni-app（Vue2）编译再重新安装uni-app（Vue2）新建

爷可是个天才·2023-10-16 05:36

uni-app ：生成三位随机数、自定义全局变量、自定义全局函数、传参、多参数返回值

核心代码functiongenerateRandomNumber(){constmin=100;constmax=999;//生成min到max之间的随机整数//Math.random()函数返回一个大于等于0且小于1的随机浮点数。通过将其乘以(max-min+1)，我们得到一个大于等于0且小于等于(max-min+1)的随机浮点数。//接着，我们将结果舍去小数部分，即使用Math.floor()

雯0609~·2023-10-16 00:08

uni-app 清除手机app缓存

获取本机缓存清除缓存{{fileSizeString}}//获取缓存formatSize(){letthat=this;plus.cache.calculate(function(size){letsizeCache=parseInt(size);if(sizeCache==0){that.fileSizeString="0B";}elseif(sizeCache<1024){that.fileS

孑立-码农·2023-10-16 00:37

推荐频道

【uni-app】