|
|
@@ -6,10 +6,10 @@
|
|
|
<div
|
|
|
class="img-box"
|
|
|
:style="{
|
|
|
- background: image_url ? '' : '#DCDFE6',
|
|
|
+ background: image_url ? '' : '#f7f8fa',
|
|
|
width: isMobile ? '100%' : data.image_width + 'px',
|
|
|
height: isMobile ? mobileHeight + 'px' : data.image_height + 'px',
|
|
|
- border: '1px dotted #DCDFE6',
|
|
|
+ border: '1px dotted #f7f8fa',
|
|
|
}"
|
|
|
>
|
|
|
<div v-if="image_url" class="img-set" :style="{ top: `${data.imgData.top}px`, left: `${data.imgData.left}px` }">
|
|
|
@@ -82,7 +82,9 @@
|
|
|
@click="selSize(2)"
|
|
|
:style="{ cursor: disabled ? 'not-allowed' : 'pointer' }"
|
|
|
/>
|
|
|
- <div class="save" @click="save" :style="{ cursor: disabled ? 'not-allowed' : 'pointer' }">保 存</div>
|
|
|
+ <div class="save" @click="save" :style="{ cursor: disabled ? 'not-allowed' : 'pointer' }">
|
|
|
+ <SvgIcon icon-class="saves" size="24" title="保存" />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -187,7 +189,7 @@ export default {
|
|
|
eraser() {
|
|
|
this.penIndex = null;
|
|
|
this.options = {
|
|
|
- penColor: '#DCDFE6',
|
|
|
+ penColor: '#f7f8fa',
|
|
|
minWidth: 3,
|
|
|
maxWidth: 3,
|
|
|
};
|
|
|
@@ -289,22 +291,11 @@ export default {
|
|
|
|
|
|
.save {
|
|
|
box-sizing: border-box;
|
|
|
- width: 65px;
|
|
|
- height: 32px;
|
|
|
- margin-left: 16px;
|
|
|
- font-size: 16px;
|
|
|
- font-weight: 400;
|
|
|
- line-height: 32px;
|
|
|
+ height: 24px;
|
|
|
+ margin-left: 8px;
|
|
|
color: #000;
|
|
|
text-align: center;
|
|
|
cursor: pointer;
|
|
|
- background: rgba(0, 0, 0, 5%);
|
|
|
- border: 1px solid rgba(0, 0, 0, 10%);
|
|
|
- border-radius: 6px;
|
|
|
- }
|
|
|
-
|
|
|
- .save:hover {
|
|
|
- background: rgba(0, 0, 0, 25%);
|
|
|
}
|
|
|
|
|
|
> img {
|
