<!-------------------- 底部按鈕 ----------------------->
<section class="bar bar-footer lists_in_4_row">
<button class="btn gray_text_btn list_item" ng-click="action.toShare()"><i class="icon ion-share"></i></button>
<button class="btn gray_text_btn collect_btn animated_btn list_item" ng-click="collected = !collected" ng-class="{'active':collected}">
<i class='icon' ng-class=" collected ? 'ion-ios-star' : 'ion-ios-star-outline' "></i>68
</button>
<button class="btn gray_text_btn comment_btn list_item" ng-click="" ng-class="{'active':commented}" >
<i class="icon" ng-class="commented ? 'ion-ios-chatboxes': 'ion-ios-chatboxes-outline'"></i>68
</button>
<button class="btn gray_text_btn list_item" ng-click="action.toMoreOptions()">
<i class="icon ion-navicon"></i>
</button>
</section>
// 「分享」action sheet
$scope.action.toShare = function() {
var hideSheet = $ionicActionSheet.show({
buttons: [
{ text: '<i class="fa fa-wechat social_icon"></i><p>微信</p>' },
{ text: '<i class="ion-load-b social_icon"></i><p>朋友圈</p>' },
{ text: '<i class="fa fa-qq social_icon"></i><p>QQ</p>' },
{ text: '<i class="fa fa-weibo social_icon"></i><p>微博</p>' },
],
cssClass: 'share_action_sheet',
titleText: '分享到',
cancelText: '取消',
buttonClicked: function(index) {
switch (index){
case 0 :
return true;
case 1 :
return true;
case 2 :
return true;
case 3 :
return true;
}
}
});
};