电子签名优化

src/components/miliu-autograph/miliu-autograph.vue

@@ -6,6 +6,9 @@
 			@touchend="touchend"
 			disable-scroll="true"/>
 		<view class="fun-box">
+			<div class="hint">
+				请在下方空白区域横向书写签名
+			</div>
 			<view class="fun-box-btn clear flex" @click="clear">
 				<text>清空</text>
 			</view>
@@ -162,10 +165,12 @@ const clear = () => {
 		height: 100vh;
 		top: 0;
 		left: 0;
+		background-color: #fff;
 		.scroll-view {
-			width: 100%;
+			width: calc(100% - 120rpx);
-			height: 100%;
+			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;
+			}
 		}
 	
 	}

src/pages/my/signature.vue

@@ -5,7 +5,7 @@
         </div>
         <div class="img" v-else>暂无数据</div>
         <div class="tips">
-            个人电子签名维护,支持手机拍照、上传图片以及手写签名，推荐使用手写签名
+            个人电子签名维护,支持手机拍照、上传图片以及手写签名，推荐使用手写签名，请横向书写签名！
         </div>
         <div class="btns">
             <button class="btn" type="primary" @click="handlePhoto">拍照/上传</button>