为了账号安全,请及时绑定邮箱和手机立即绑定

ionic 上拉菜单 中怎么去设置按钮的css

/ 猿问

ionic 上拉菜单 中怎么去设置按钮的css

拉丁的传说 2019-03-07 06:06:41

ionic 上拉菜单 中怎么去设置按钮的css


查看完整描述

2 回答

?
饮歌长啸

在代码中触发上拉菜单,需要在你的 angular 控制器中使用 $ionicActionSheet 服务:
angular.module('starter', ['ionic'])

.run(function($ionicPlatform) {
$ionicPlatform.ready(function() {
// Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
// for form inputs)
if(window.cordova && window.cordova.plugins.Keyboard) {
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
}
if(window.StatusBar) {
StatusBar.styleDefault();
}
});
})

.controller( 'actionsheetCtl',['$scope','$ionicActionSheet','$timeout' ,function($scope,$ionicActionSheet,$timeout){
$scope.show = function() {

var hideSheet = $ionicActionSheet.show({
buttons: [
{ text: '<b>Share</b> This' },
{ text: 'Move' }
],
destructiveText: 'Delete',
titleText: 'Modify your album',
cancelText: 'Cancel',
cancel: function() {
// add cancel code..
},
buttonClicked: function(index) {
return true;
}
});

$timeout(function() {
hideSheet();
}, 2000);

};
}])



查看完整回答
反对 回复 2019-03-16
?
哈士奇WWW

第一步,创建静态页面btn.html,并引入ionic和AngularJS相关的JavaScript和CSS文件,

第二步,在body标签内插入div元素,设置class为has-header、content;在div中插入无序列表ul,并设置class为list,

第三步,ul标签插入li元素,li内部插入button,并设置class为button、button-assertive

第四步,按照步骤三中操作方式,设置按钮样式class为button、button-balanced,
第五步,按照步骤三中操作方式,设置按钮样式class为button、button-bar,

第六步,按照步骤三中操作方式,设置按钮样式class为button、button-bar-inline,设置完毕后进行预览,

查看完整回答
反对 回复 2019-03-16
  • 2 回答
  • 0 关注
  • 271 浏览
我要回答

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信