btnStylePicker.js
2.68 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
define('btnStylePicker', ['modal', 'components/common'], function (modal, common) {
var constants = SystemEnv.getHtmlNoteName;
var template = '';
return {
show: function($source,callback) {
var vm = this, $container;
if(!template){
vm.init();
}
vm.index = modal.open({
area: ['680px', '165px'],
btn:[],
shadeClose:true,
content: template,
title: constants(5069) //按钮类型
}, function($modal, index) {
$('button',$modal).bind('click',function(){
callback($source,$(this),modal);
});
});
},
init:function(){
template = ''+
'<div style="width:98%;margin:auto;padding-top:5px">'
+'<div>'
+'<button type="button" btn-style="btn-primary" class="wev-btn btn-primary">primary</button>'
+'<button type="button" btn-style="btn-secondary" class="wev-btn btn-secondary">secondary</button>'
+'<button type="button" btn-style="btn-success" class="wev-btn btn-success">success</button>'
+'<button type="button" btn-style="btn-danger" class="wev-btn btn-danger">danger</button>'
+'<button type="button" btn-style="btn-warning" class="wev-btn btn-warning">warning</button>'
+'<button type="button" btn-style="btn-info" class="wev-btn btn-info">info</button>'
+'<button type="button" btn-style="btn-dark" class="wev-btn btn-dark">dark</button>'
+'<button type="button" btn-style="btn-link" class="wev-btn btn-link">link</button>'
+'</div>'
+'<div>'
+'<button type="button" btn-style="btn-outline-primary" class="wev-btn btn-outline-primary">primary</button>'
+'<button type="button" btn-style="btn-outline-secondary" class="wev-btn btn-outline-secondary">secondary</button>'
+'<button type="button" btn-style="btn-outline-success" class="wev-btn btn-outline-success">success</button>'
+'<button type="button" btn-style="btn-outline-danger" class="wev-btn btn-outline-danger">danger</button>'
+'<button type="button" btn-style="btn-outline-warning" class="wev-btn btn-outline-warning">warning</button>'
+'<button type="button" btn-style="btn-outline-info" class="wev-btn btn-outline-info">info</button>'
+'<button type="button" btn-style="btn-outline-dark" class="wev-btn btn-outline-dark">dark</button>'
+'</div>'
+'</div>';
}
};
});