|
@@ -1,7 +1,7 @@
|
|
|
<!-- -->
|
|
|
<template>
|
|
|
<div class="freewrite">
|
|
|
- <div class="strockred" :class="wordNum ? '' : 'strockred_single'">
|
|
|
+ <div class="strockred 124" :class="wordNum ? '' : 'strockred_single'">
|
|
|
<div
|
|
|
:class="
|
|
|
wordNum ? 'character-target-div_more' : 'character-target-div_single'
|
|
@@ -32,7 +32,7 @@
|
|
|
import vueEsign from "vue-esign";
|
|
|
export default {
|
|
|
components: {
|
|
|
- vueEsign,
|
|
|
+ vueEsign
|
|
|
},
|
|
|
props: [
|
|
|
"lineColor",
|
|
@@ -40,7 +40,7 @@ export default {
|
|
|
"cur",
|
|
|
"wordNum",
|
|
|
"handleGetImg",
|
|
|
- "changePraShow",
|
|
|
+ "changePraShow"
|
|
|
],
|
|
|
data() {
|
|
|
return {
|
|
@@ -48,14 +48,14 @@ export default {
|
|
|
height: 256,
|
|
|
bgColor: "",
|
|
|
isCrop: false,
|
|
|
- resultImg: "",
|
|
|
+ resultImg: ""
|
|
|
};
|
|
|
},
|
|
|
computed: {},
|
|
|
watch: {
|
|
|
lineColor(newVal, oldVal) {
|
|
|
this.updateColor(newVal);
|
|
|
- },
|
|
|
+ }
|
|
|
},
|
|
|
//方法集合
|
|
|
methods: {
|
|
@@ -78,15 +78,15 @@ export default {
|
|
|
handleGenerate() {
|
|
|
this.$refs.esign
|
|
|
.generate()
|
|
|
- .then((res) => {
|
|
|
+ .then(res => {
|
|
|
this.resultImg = res;
|
|
|
this.handleGetImg();
|
|
|
this.changePraShow();
|
|
|
})
|
|
|
- .catch((err) => {
|
|
|
+ .catch(err => {
|
|
|
this.changePraShow();
|
|
|
});
|
|
|
- },
|
|
|
+ }
|
|
|
},
|
|
|
//生命周期 - 创建完成(可以访问当前this实例)
|
|
|
created() {},
|
|
@@ -98,10 +98,10 @@ export default {
|
|
|
updated() {}, //生命周期 - 更新之后
|
|
|
beforeDestroy() {}, //生命周期 - 销毁之前
|
|
|
destroyed() {}, //生命周期 - 销毁完成
|
|
|
- activated() {}, //如果页面有keep-alive缓存功能,这个函数会触发
|
|
|
+ activated() {} //如果页面有keep-alive缓存功能,这个函数会触发
|
|
|
};
|
|
|
</script>
|
|
|
-<style lang='scss' scoped>
|
|
|
+<style lang="scss" scoped>
|
|
|
//@import url(); 引入公共css类
|
|
|
.freewrite {
|
|
|
width: 100%;
|