diff --git a/src/components/miliu-autograph/miliu-autograph.vue b/src/components/miliu-autograph/miliu-autograph.vue index 17f6ea5..285c660 100644 --- a/src/components/miliu-autograph/miliu-autograph.vue +++ b/src/components/miliu-autograph/miliu-autograph.vue @@ -6,6 +6,9 @@ @touchend="touchend" disable-scroll="true"/> +
+ 请在下方空白区域横向书写签名 +
清空 @@ -162,10 +165,12 @@ const clear = () => { height: 100vh; top: 0; left: 0; + background-color: #fff; .scroll-view { - width: 100%; - height: 100%; + width: calc(100% - 120rpx); + height: 99.6%; background-color: #FFFFFF; + border: 2px solid #333; } .fun-box { position: absolute; @@ -194,10 +199,19 @@ const clear = () => { } .confirm { background-color: #409EFF; + margin: 3px 0; } .cancel { background-color: #F67D7D; } + .hint { + width: 225px; + transform: rotate(90deg); + position: absolute; + top: -160px; + right: -82px; + color: #F67D7D; + } } } diff --git a/src/pages/my/signature.vue b/src/pages/my/signature.vue index 4e17c0d..19431e3 100644 --- a/src/pages/my/signature.vue +++ b/src/pages/my/signature.vue @@ -5,7 +5,7 @@
暂无数据
- 个人电子签名维护,支持手机拍照、上传图片以及手写签名,推荐使用手写签名 + 个人电子签名维护,支持手机拍照、上传图片以及手写签名,推荐使用手写签名,请横向书写签名!