2018-12-19 微信矩阵 复盘（掌医）

image.png

这是掌医-微信矩阵手机版页面，angular1框架，嘉定卫生计生 mg老版本；
功能1：刷新页面，初始化，调用initMatrixGroup方法拿到tab对应的值，并根据Sort值进行排序；
功能2：通过点击上面的tab键，下面主模块内容会相应改变；
这里相当于用了一个锚（index），通过点击调用ng-click="selectTab($index)"方法，改变$scope.currentTab的值，从而在getMatrixList方法拿到不同的groupId值，再调用接口拿到下面主体部分的值。
知识点：常用指令的使用，ng-bind,ng-repeat,ng-src,ng-href,ng-class
其中ng-class="currentTab==$index?'cur':''"是指：如果等号成立则使用class为cur对应的类，调用相应的样式（）进行渲染；

        .navBar li span.cur {
            color: #01aaea;
            border-bottom: 3px solid #01aaea;
        }