bonus
/
bonus-material-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

签名样式优化

This commit is contained in:
bb_pan 2025-08-23 10:08:24 +08:00
parent 47c79129ca
commit 3f14c20b33
1 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/miliu-autograph/miliu-autograph.vue
View File

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