EasyUI Forum

General Category => EasyUI for Vue => Topic started by: fengdie on October 14, 2018, 09:31:34 PM

Title: menu component props menuWidth don't work
Post by: fengdie on October 14, 2018, 09:31:34 PM

Code:

    <Menu ref="m1" :menuWidth="134">
        <Menu-Item text="New"></Menu-Item>
        <Menu-Item text="Save" iconCls="icon-save"></Menu-Item>
        <Menu-Item text="Print" iconCls="icon-print" :disabled="true"></Menu-Item>
        <Menu-Item text="Exit"></Menu-Item>
    </Menu>

跟vue.css里面min-width起冲突

Code:

.menu-container{
	position: absolute;
	left: 0;
	top: 0;
	min-width: 200px;
}

Title: Re: menu component props menuWidth don't work
Post by: jarry on October 15, 2018, 06:03:02 PM

The menu component has the pre-defined min-width value. You can change it by:

Code:

.menu-container{
	min-width: 134px;
}