vue末行左对齐_EasyUI 面板对齐方式(Panel Align)_Vue EasyUI Demo

源代码

Panel Align

Left

Right

Select a value:

v-model="value"

:data="data"

:editable="false"

:panelAlign="palign"

:panelStyle="{width:'220px'}">

export default {

data() {

return {

palign: "left",

value: 11,

data: this.getData()

};

},

methods: {

getData() {

return [

{ value: 11, text: "Mr. Nice" },

{ value: 12, text: "Narco" },

{ value: 13, text: "Bombasto" },

{ value: 14, text: "Celeritas" },

{ value: 15, text: "Magneta" },

{ value: 16, text: "RubberMan" },

{ value: 17, text: "Dynama" },

{ value: 18, text: "Dr IQ" },

{ value: 19, text: "Magma" },

{ value: 20, text: "Tornado" }

];

}

}

};

.smenu {

margin: 0 40px 10px 40px;

}

.smenu label {

margin-left: 10px;

}