How to realize the ScrollTab component of YDUI by WeChat Mini Programs
This article mainly explains "WeChat Mini Programs how to achieve the ScrollTab component of YDUI". The content of the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn "WeChat Mini Programs how to achieve the ScrollTab component of YDUI".
WXML
{{item}} {{item}} {{item}} list {{index}}
WXSS
.tui-fixed-x {margin-left: 130px; position: fixed; top: 0; left: 0;} .tui-fixed-left {width: 120px; height: 100%; border-right: 1px solid # dfdfdf; position: fixed; background-color: # f5f5f5; top: 0; left: 0;} .tui-list-head {background-color: # fff; margin-bottom: 15px;} .tui-city-scroll {width: 100%;} .tui-nav-li {font-size: 30rpx; padding: 010px; height: 100rpx Line-height: 100rpx; width: 100px; display: block; border-bottom: 1px solid # dfdfdf; position: relative; z-index: 10;} .tui-nav-active {background-color: # fff;} .tui-fixed-y {margin-left: 120px; padding-left: 10px; padding-right: 10px; height: 100%; position: fixed; bottom: 0; right: 0;} .tui-city-scroll-y {height: 100%; box-sizing: border-box;} .tui-list-head {height: 50px Line-height: 50px; text-align: center; font-size: 30rpx; color: blue;} .tui-list-li {height: 400px; padding: 10rpx; color: # fff; font-size: 50rpx; background-color: lightgreen;}
JS
Page ({data: {navList: ['Today special', 'smoke stove recommendation', 'clean drinking water recommendation', 'dishwasher recommendation', 'electric heating recommendation', 'heating recommendation', 'disinfection cabinet recommendation', 'embedded recommendation', 'commercial appliances', 'activity description'], status: 0} GetStatus (e) {this.setData ({status: e.currentTarget.dataset.index})}) Thank you for your reading The above is the content of "WeChat Mini Programs how to achieve the ScrollTab component of YDUI". After the study of this article, I believe you have a deeper understanding of how WeChat Mini Programs realizes the ScrollTab component of YDUI, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!
