ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

uni-app 商城选择商品左右菜单联动效果实现,字节跳动高工面试

2022-02-04 16:00:19  阅读:195  来源: 互联网

标签:菜单 title app 大白菜 list 盖饭 高工 uni Android


},

{

title: “菜单2”,

list: [“盖饭2”, “大白菜2”, “土豆2”, “西红柿2”, “辣椒2”]

},

{

title: “菜单3”,

list: [“盖饭3”, “大白菜3”, “土豆3”, “西红柿3”, “辣椒3”]

},

{

title: “菜单4”,

list: [“盖饭4”, “大白菜4”, “土豆4”, “西红柿4”, “辣椒4”]

},

{

title: “菜单5”,

list: [“盖饭5”, “大白菜5”, “土豆5”, “西红柿5”, “辣椒5”]

},

{

title: “菜单6”,

list: [“盖饭6”, “大白菜6”, “土豆6”, “西红柿6”, “辣椒6”]

},

{

title: “菜单7”,

list: [“盖饭7”, “大白菜7”, “土豆7”, “西红柿7”, “辣椒7”]

},

{

title: “菜单8”,

list: [“盖饭8”, “大白菜8”, “土豆8”, “西红柿8”, “辣椒8”]

},

{

title: “菜单9”,

list: [“盖饭9”, “大白菜9”, “土豆9”, “西红柿9”, “辣椒9”]

},

{

title: “菜单10”,

list: [“盖饭10”, “大白菜10”, “土豆10”, “西红柿10”, “辣椒10”]

},

{

title: “菜单11”,

list: [“盖饭11”, “大白菜11”, “土豆11”, “西红柿11”, “辣椒11”]

},

{

title: “菜单12”,

list: [“盖饭12”, “大白菜12”, “土豆12”, “西红柿12”, “辣椒12”]

},

{

title: “菜单13”,

list: [“盖饭13”, “大白菜13”, “土豆13”, “西红柿13”, “辣椒13”]

}

],

windowHeight: ‘0px’,

clickId: ‘’,

clickToId:’’,

currentNum: 0,

topList:[],

isLeftClick:false

};

},

methods: {

setId(index) {

this.clickId = “po” + index;

this.isLeftClick=true;

this.currentNum=index;

},

scroll(e){

if(this.isLeftClick){

this.isLeftClick=false;

return;

}

let scrollTop=e.target.scrollTop;

for (let i = 0; i < this.topList.length; i++) {

let h1=this.topList[i];

let h2=this.topList[i+1];

if(scrollTop>=h1&&scrollTop<h2){

this.currentNum=i;

this.clickToId=‘to’+i

}

}

},

getNodesInfo(){

const query = uni.createSelectorQuery().in(this);

query.selectAll(’.right_title’).boundingClientRect().exec((res)=>{

console.log(res)

let nodes=res[0];

let rel=[];

nodes.map(item=>{

rel.push(item.top);

})

console.log(rel)

this.topList=rel;

});

}

},

onLoad() {

最后

文章不易,如果大家喜欢这篇文章,或者对你有帮助希望大家多多点赞转发关注哦。文章会持续更新的。绝对干货!!!

由于文章篇幅问题 查看详细文章以及获取学习笔记链接:GitHub

  • Android进阶学习全套手册
    关于实战,我想每一个做开发的都有话要说,对于小白而言,缺乏实战经验是通病,那么除了在实际工作过程当中,我们如何去更了解实战方面的内容呢?实际上,我们很有必要去看一些实战相关的电子书。目前,我手头上整理到的电子书还算比较全面,HTTP、自定义view、c++、MVP、Android源码设计模式、Android开发艺术探索、Java并发编程的艺术、Android基于Glide的二次封装、Android内存优化——常见内存泄露及优化方案、.Java编程思想 (第4版)等高级技术都囊括其中。

  • Android高级架构师进阶知识体系图
    关于视频这块,我也是自己搜集了一些,都按照Android学习路线做了一个分类。按照Android学习路线一共有八个模块,其中视频都有对应,就是为了帮助大家系统的学习。接下来看一下导图和对应系统视频吧!!!

  • Android对标阿里P7学习视频

  • BATJ大厂Android高频面试题
    这个题库内容是比较多的,除了一些流行的热门技术面试题,如Kotlin,数据库,Java虚拟机面试题,数组,Framework ,混合跨平台开发,等
    片转存中…(img-eJ8f4HdF-1643961267579)]

  • Android对标阿里P7学习视频

[外链图片转存中…(img-7HTo630n-1643961267580)]

  • BATJ大厂Android高频面试题
    这个题库内容是比较多的,除了一些流行的热门技术面试题,如Kotlin,数据库,Java虚拟机面试题,数组,Framework ,混合跨平台开发,等

标签:菜单,title,app,大白菜,list,盖饭,高工,uni,Android
来源: https://blog.csdn.net/m0_66264910/article/details/122783761

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有