uni-app源码系列第33页

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

Megatron-LM源码系列(四)：重计算(recompute)

github:https://github.com/NVIDIA/Megatron-LM1.recompute参数配置在megatron/arguments.py中有重计算的参数配置如下：group.add_argument('--recompute-activations',action='store_true',help='recomputeactivationtoallowfortraini

MLTalks·2023-10-18 02:51

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数据缓存

前言：整理下uni-app的资料，这里分享下它的数据缓存，uni-app中是没有cookie,session等内容的，这个跟我们的小程序很像。

浩星·2023-10-16 00:06

uni-app：本地缓存的使用

uni-app提供了多种方法用于本地缓存的操作。

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

（uni-app）微信小程序转钉钉小程序

这个项目是使用uni-app开发的（编辑器使用的Hbuilder）第一步：需要安装一个开发钉钉小程序的IDE编辑器IDE下载地址第二步：注册钉钉管理后台钉钉管理后台选择你要开发的应用场景，创建一个应用钉钉开放平台第三步

朱@·2023-10-15 19:00

uni-app 打包微信小程序提示包体积过大

最终解决方法uni-app官网提到了要分包管理的机制分包来处理这个问题。地址：https://uniapp.dcloud.io/collocation/pages

喜欢桉树叶·2023-10-15 12:39

flutter、微信小程序uni-app、web(avue)上传图片资源到oss

一、微信小程序上传图片资源到oss微信小程序直传实践使用的是uview的u-upload组件1、表单页面a、页面b、主要jsasyncafterRead(event){letfileArr=event.file;letfileList=this.fileList.concat(event.file);this.fileList=fileList;//显示在页面上的图片列表for(leti=0;i{

八分钟de温暖·2023-10-14 23:02

4.uin-app

uni-app是一个使用Vue.js开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台.uni-app在跨端数量、扩展能力、性能体验、周边生态、学习成本

长生藤·2023-10-14 17:40

uni-app入门教程（2）页面样式、配置文件和生命周期

选择器5.全局样式与局部样式二、配置文件1.页面配置pages.jsonglobalStylepagestabBarcondition2.显示配置manifest.json三、生命周期总结前言本文先介绍uni-app

cutercorley·2023-10-14 12:00

uni-app 使用Vue3/Vite/TS构建, vite+ts+vue3小程序编译失败，浏览器没问题

使用Vue3/Vite版npxdegitdcloudio/uni-preset-vue#vite-tsmy-vue3-project上面不行的话点击这个链接，获取模板gitee，机器验证用VSCode打开我们所创建的项目1.首先下载有关依赖yarn或者npmi2.运行#运行到h5npmrundev:h5#运行到appnpmrundev:app#运行到微信小程序npmrundev:mp-weixin

동경·2023-10-14 12:09

推荐频道

uni-app源码系列