修改剧本编制界面样式

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> <template>
<div style="height:300px;"> <div>
<!-- <div class="selectRole">选择角色</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 slot-scope="{option}">
<span>{{option.role+(option.name==undefined?'':option.name)}}</span> <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)"> <el-radio-group v-model="option.gender" size="mini" class="sexGroup" @change="changeSex($event,option.key)">
@ -124,6 +124,17 @@
margin-left:20px; margin-left:20px;
width:700px; 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>
<style> <style>
.elTransfer .el-transfer-panel{ .elTransfer .el-transfer-panel{