javascript - Extjs 4.2，如何在面板主体周围创建一个带圆角的框架

Question

我想卸下面板框架并将其仅放在面板主体上，

效果应该是这样的：（标题没有边框或背景，面板主体有圆角。）

这是我尝试过的：

Ext.define('SomePanel', {
    extend: 'Ext.panel.Panel',
    frame: true,
    frameHeader: false,
    cls: 'x-portlet'
});

我还尝试了以下 Sass 定义：

$panel-body-border-color:Gray !default;
$panel-body-border-width:1px !default;
$panel-header-background-color:transparentize(Gray,1) !default;
$panel-header-color:#30495c !default;
$panel-header-border-width:0px;

Answer 1

我最终这样做的方法是在主面板中嵌套另一个面板，嵌套的面板有一个边框半径，而主面板有一个带有一些 css twick 的透明标题。

Answer 2

尝试在你的 CSS中使用border-radius ：

.myStyle
{    
    border-radius: 8px;    
}

这对我有用:)

更多信息： http ://www.w3schools.com/cssref/css3_pr_border-radius.asp