码迷,mamicode.com
首页 > 微信 > 详细

微信小程序--Tab栏切换的快速实现

时间:2017-12-03 12:58:58      阅读:282      评论:0      收藏:0      [点我收藏+]

标签:rgba   小程序   log   order   tps   src   ges   微信   wxs   

上效果!

技术分享图片

  

wxss样式代码:

 1 .tabs-item.selected {
 2     color:rgba(171,149,109,.8);
 3     border-bottom:2px solid rgba(171,149,109,.8);
 4 }
 5 .tabs-item {
 6     width:33.3%;
 7     color:#C7C7CB;
 8     font-size:28rpx;
 9     display:flex;
10     align-items:center;
11     justify-content:center;
12     display:flex;
13     border-bottom:1rpx solid #D0D0D7;
14 }

 

wxml的页面代码:

技术分享图片

 

该页面的js代码:

技术分享图片

 

微信小程序--Tab栏切换的快速实现

标签:rgba   小程序   log   order   tps   src   ges   微信   wxs   

原文地址:http://www.cnblogs.com/mrszhou/p/7965584.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!