签名样式优化

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

@@ -7,7 +7,7 @@
 			disable-scroll="true"/>
 		<view class="fun-box">
 			<div class="hint">
-				请在下方空白区域横向书写签名
+				<text class="rotate">请在下方空白区域横向书写签名</text>
 			</div>
 			<view class="fun-box-btn clear flex" @click="clear">
 				<text>清空</text>
@@ -205,12 +205,22 @@ const clear = () => {
 				background-color: #F67D7D;
 			}
 			.hint {
-				width: 225px;
-				transform: rotate(90deg);
-				position: absolute;
-				top: -160px;
-				right: -82px;
+				width: 100rpx;          
+				min-height: 240rpx;     
+				display: flex;
+				align-items: center;
+				justify-content: center;
 				color: #F67D7D;
+				background: transparent;
+				margin-bottom: 150rpx;
+
+				.rotate {
+					display: inline-block;
+					transform: rotate(90deg);
+					transform-origin: center;
+					white-space: nowrap;
+					font-size: 33rpx;
+				}
 			}
 		}