this.selectedTheme = this.backSelectedTheme
this.unSelectTheme = this.backUnSelectTheme
}
},
computed: {
dragOptions() {
return {
animation: 0,
group: "description",
disabled: false,
ghostClass: "ghost"
}
}
}
};
</script>
<style lang="less" scoped>
body, ul, dl, dt, dd, li, h1, h3{
margin: 0;
padding: 0;
}
ul, ol, li {
list-style: none;
}
.theme-setting {
/deep/.el-dialog {
height: 476px;
border-radius: 6px;
.el-dialog__header {
height: 55px;
line-height: 56px;
padding: 0;
border-bottom: 1px solid rgba(13,20,30, 0.1);
.el-dialog__title {
height:21px;
font-size:16px;
font-family:MicrosoftYaHei-Bold,MicrosoftYaHei;
font-weight:bold;
color:rgba(13,20,30,1);
line-height:21px;
}
.el-dialog__headerbtn {
margin-top: -4px;
}
}
.el-dialog__body {
position: relative;
display: flex;
height: 331px;
padding: 0;
border-bottom: 1px solid rgba(13,20,30, 0.1);
.theme-left {
width: 218px;
margin-left: 24px;
border-right: 1px solid rgba(13,20,30, 0.1);
.theme-title {
display: flex;
margin-top: 24px;
.title {
height:19px;
margin-right: 4px;
font-size:14px;
font-family:MicrosoftYaHei-Bold,MicrosoftYaHei;
font-weight:bold;
color:rgba(13,20,30,1);
line-height:19px;
}
.des {
height:16px;
font-size:12px;
font-family:MicrosoftYaHei;
color:rgba(13,20,30,0.6);
line-height:19px;
}
}
.selected-list {
height: 240px;
margin-top: 24px;
overflow: hidden;
.selected-theme {
width:160px;
height:48px;
line-height:48px;
text-align: center;
margin-bottom: 16px;
cursor: pointer;
background:linear-gradient(180deg,rgba(43,46,83,1) 0%,rgba(108,116,150,1) 100%);
border-radius:6px;
font-size:14px;
font-family:MicrosoftYaHei;
color:rgba(255,255,255,1);
}
}
}
.theme-right {
padding: 0 24px;
.theme-right-title {
padding-top: 24px;
height:19px;
font-size:14px;
font-family:MicrosoftYaHei-Bold,MicrosoftYaHei;
font-weight:bold;
color:rgba(13,20,30,0.4);
line-height:19px;
}
.theme-right-list {
width: 357px;
height: 240px;
overflow: scroll;
margin-top: 24px;
.theme-right-item {
width: 160px;
height:48px;
line-height:48px;
float: left;
margin-right: 16px;
margin-bottom: 16px;
background:rgba(247,248,252,1);
border-radius:6px;
font-size:14px;
font-family:MicrosoftYaHei;
color:rgba(13,20,30,0.4);
text-align: center;
