|
|
@@ -1,5 +1,9 @@
|
|
|
<template>
|
|
|
<header class="app-head" app-border dir-bottom>
|
|
|
+ <a class="app-head-back" href="./material.html#/works">
|
|
|
+ <i class="iconfont icon-editor_return" ></i>
|
|
|
+ 返回我的作品
|
|
|
+ </a>
|
|
|
<span class="app-head-title">{{ info.name }}</span>
|
|
|
<div class="app-head-save ui-button deepcancel app-head-view" @click="onView" :class="{ disable: !canLoad }">
|
|
|
<i class="iconfont iconeditor_preview"></i>
|
|
|
@@ -222,18 +226,31 @@ export default {
|
|
|
</script>
|
|
|
<style lang="less">
|
|
|
.app-head {
|
|
|
- display: flex;
|
|
|
width: 100%;
|
|
|
min-width: 50px;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
+ height: 60px;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+.app-head-back {
|
|
|
+ color: white;
|
|
|
+ display: flex;
|
|
|
+ align-items: baseline;
|
|
|
+ font-size: 16px;
|
|
|
+ position: absolute;
|
|
|
+ left: 24px;
|
|
|
+ top: 50%;
|
|
|
+ transform: translateY(-50%);
|
|
|
+ > i {
|
|
|
+ margin-right: 15px;
|
|
|
+ }
|
|
|
}
|
|
|
.app-head-title {
|
|
|
- display: inline-block;
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ top: 50%;
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
font-size: 16px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- text-align: center;
|
|
|
+ color: white;
|
|
|
}
|
|
|
.app-head-save {
|
|
|
cursor: pointer;
|
|
|
@@ -242,8 +259,8 @@ export default {
|
|
|
align-items: center;
|
|
|
position: absolute;
|
|
|
top: 50%;
|
|
|
+ transform: translateY(-50%);
|
|
|
right: 10px;
|
|
|
- margin-top: -16px;
|
|
|
i {
|
|
|
font-size: 14px;
|
|
|
margin-right: 4px;
|