修改剧本编制界面样式

This commit is contained in:
program-walker 2019-08-21 20:40:02 +08:00
parent c9dfbb0749
commit cdb7ca645a

View File

@ -1,7 +1,7 @@
<template>
<div style="height:300px;">
<div>
<!-- <div class="selectRole">选择角色</div> -->
<el-transfer v-model="selectRoleData" :data="allRoleData" class="elTransfer" :titles="['所有角色', '演员角色']" @change="handleChange">
<el-transfer v-model="selectRoleData" :data="allRoleData" class="script-player-choose" :titles="['所有角色', '演员角色']" @change="handleChange">
<span slot-scope="{option}">
<span>{{option.role+(option.name==undefined?'':option.name)}}</span>
<el-radio-group v-model="option.gender" size="mini" class="sexGroup" @change="changeSex($event,option.key)">
@ -124,6 +124,17 @@
margin-left:20px;
width:700px;
}
/deep/ {
.script-player-choose .el-transfer-panel__body{
height: 120px;
}
.script-player-choose .el-transfer-panel__list{
height: 120px;
}
.script-player-choose .el-transfer-panel{
width: 300px;
}
}
</style>
<style>
.elTransfer .el-transfer-panel{