案例:Extjs案例     状态:可编辑再运行    进入竖版
 运行结果 
AخA
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
   <link href="//cdn.bootcss.com/extjs/6.2.0/classic/theme-classic/resources/theme-classic-all.css" rel="stylesheet" />
5
   <script type="text/javascript" src="//cdn.bootcss.com/extjs/6.2.0/ext-all.js"></script>
6
   <script type="text/javascript">
7
      Ext.onReady(function() {
8
         Ext.create('Ext.tab.Panel', {
9
            renderTo: Ext.getBody(),
10
            requires: ['Ext.layout.container.Card'],
11
            xtype: 'layout-cardtabs',
12
            width: 600,
13
            height: 200,
14
            items:[{
15
               title: 'Tab 1',
16
               html:   'This is first tab.'
17
            },{
18
               title: 'Tab 2',
19
               html: 'This is second tab.'
20
            },{
21
               title: 'Tab 3',
22
               html: 'This is third tab.'
23
            }]
24
         });
25
      });
26
   </script>
27
</head>
28
<body>
29
</body>
30
</html>