|
@@ -1,7 +1,10 @@
|
|
<template>
|
|
<template>
|
|
<header class="header">
|
|
<header class="header">
|
|
- <button class="reset-btn"><i class="el-icon-arrow-left" @click="goback"></i>{{title || '返回作品'}}<i
|
|
|
|
- class="el-icon-edit edit-title" @click="editTitle"></i></button>
|
|
|
|
|
|
+ <div class="reset-btn">
|
|
|
|
+ <i class="el-icon-arrow-left" @click="goback"></i>
|
|
|
|
+ <span class="reset-title">{{title || '返回作品'}}</span>
|
|
|
|
+ <i class="el-icon-edit edit-title" @click="editTitle"></i>
|
|
|
|
+ </div>
|
|
<div class="tools">
|
|
<div class="tools">
|
|
<div class="next_return">
|
|
<div class="next_return">
|
|
<div class="return" title="撤销" @click="revocation" :style="`opacity:${operationList.length>1?'1':'.3'}`">
|
|
<div class="return" title="撤销" @click="revocation" :style="`opacity:${operationList.length>1?'1':'.3'}`">
|
|
@@ -315,6 +318,15 @@ export default {
|
|
height: 100%;
|
|
height: 100%;
|
|
padding: 0 50px;
|
|
padding: 0 50px;
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
|
+ display: flex;
|
|
|
|
+ flex-direction: row;
|
|
|
|
+ align-items: center;
|
|
|
|
+ max-width: 30%;
|
|
|
|
+ .reset-title {
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
.el-icon-arrow-left {
|
|
.el-icon-arrow-left {
|
|
margin-right: 10px;
|
|
margin-right: 10px;
|