获取可视区域的高度|获取其某个节点的高度letthat=thisletsearchHeight=null;letsearchDom=uni.createSelectorQuery().select(.search);searchDom.boundingClientRect(data=>{searchHeight=data.height}).exec()//获取可是区域的高度uni.getSystemInfo({success(res){that.height=res
确认订单页面
<template><viewclass=confirm-order><!--收获地址选择--><view><!--有收货地址--><viewclass="address-infono-address"@click="address(1)"v-if=path.id><viewclass="add-address">{{path.province}}-{{path.city}}-{{path.county}}&
收货地址
收货地址 1. 添加收货地址 a> 采用微信自带的形式 : uni.chooseAddress ***但是要注意,在 manifest.json的mp-weixin节点中 &nbs
uniapp使用store + 持久化存储
一、基本使用1.1 main.js引入store文件importstorefrom./store/index.jsconstapp=newVue({store,...App})1.2 新建store/index.jsimportVuefromvueimportVuexfromvuexVue.use(Vuex);conststore=newVuex.Store({state:{a:1},getters:{},mutations:{},actions:{}
首页swiper上下滑动
swiper https://uniapp.dcloud.net.cn/component/swiper.html 首页有100条数据如果渲染更多的swiper,那么数据列表的内容越来越多,导致创建了很多的节点,这时的vue中的different就需要对比很多次,造成内存消耗和内存占用长列表渲染大量的节点导致的问题: 占用大量的GPU资源,导致卡顿 节点越多,就越耗费性能长列表写法<templa
项目初始化+登录(办鹿)
一、为什么要拿uniapp去做这个微信小程序 (为什么不用原生小程序做?)方便日后扩展其他端二、蓝湖设计图https://lanhuapp.com/link/#/invite?sid=lXJcIh1a分享人: 41238206蓝湖团队: 小鹿线团队的团队相关项目: 办鹿链接有效期: 20230223~20230309三、前期项目搭建 3.1 项目创建(vue2版本)3.2 ui组件的引入==>方便开发引入方式:2形式(1. npm下载 2. 直接导入到项目
搜索页逻辑
搜索列表search-list1、商品的筛选 封装:否1、判断关键词,如果关键词为空则提示信息2、进入搜索结果页结果页面软键盘需要隐藏3、点击软键盘的搜索也可以进入搜索结果页面4、搜索词 4.1 用本地存储记录 4.2搜索词重复判断 4.3 最新搜索到词循序前置5、清空最近搜
条件编译uniapp
一、什么是条件编译 在不同的端,展示不同的代码二、条件编译 https://uniapp.dcloud.net.cn/tutorial/platform.html#preprocessor//app分为两种苹果和安卓,只是条件编译是无法判断 问题:app-plus是无法判断是ios还是安卓 解决:uni.getSystemInfoSync().platform;三、面试题 &nb