您现在的位置是:网站首页> 编程资料编程资料
微信小程序自定义tab实现多层tab嵌套_javascript技巧_
2023-05-24
333人已围观
简介 微信小程序自定义tab实现多层tab嵌套_javascript技巧_
本文实例为大家分享了微信小程序自定义tab实现多层tab嵌套的具体代码,供大家参考,具体内容如下
仅供参考,刚学,不对的地方希望交流学习
HTML:
服务
评价
洗车 保养 轮胎 安装 洗车 保养 轮胎 安装 评论
js部分
export default { data(){`在这里插入代码片` return{ btnnum: 0, bu:0 } }, methods: { change(e) { this.btnnum = e console.log(this.btnnum) }, change1(e){ this.bu=e console.log(this.bu) } } }css部分:
/* 将三个内容view的display设置为none(隐藏) */ .end-title{ display: flex; } .end-title p{ flex-grow: 1; text-align: center; } .end-title view{ flex-grow: 1; text-align: center; background-color: #6666660d; width: 20%; margin:0 20rpx ; border-radius: 20rpx; } .end-cont{ margin: 0 10rpx; display: none; background:#fff; /* border: 1px solid ; */ /* background-color: #999999; */ border-radius: 5px; } .btn{ color: red; } .btna{ color: red; background: #e8dcdb; } .dis{ display: block; }效果图:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
您可能感兴趣的文章:
相关内容
- JavaScript前端实现小说分页功能示例_JavaScript_
- 微信小程序实现选择内容显示对应内容_javascript技巧_
- JS模板编译的实现详情_javascript技巧_
- JavaScript前端分页实现示例_JavaScript_
- 微信小程序实现简单的购物车功能_javascript技巧_
- JavaScript+HarmonyOS 实现一个手绘板_javascript技巧_
- Vue3解析markdown并实现代码高亮显示的详细步骤_vue.js_
- 微信小程序实现select二级下拉_javascript技巧_
- JavaScript详解使用Promise处理回调地狱与async await修饰符_javascript技巧_
- 一定有你会用到的JavaScript一行代码实用技巧总结_javascript技巧_
