fix: make page
This commit is contained in:
@@ -28,7 +28,7 @@
|
||||
>{{ targetName + "\n " + blessingText.content }}</text
|
||||
>
|
||||
</view>
|
||||
<view class="user" :style="{ left: 160 + userOffsetX + 'rpx' }">
|
||||
<view class="user" :style="{ left: 160 + userOffsetX + 'rpx', bottom: 40 - userOffsetY + 'rpx' }">
|
||||
<image class="avatar" :src="userAvatar" mode="aspectFill" />
|
||||
<view class="user-info">
|
||||
<text class="user-name" :style="{ color: signatureColor }">{{
|
||||
@@ -43,7 +43,7 @@
|
||||
</view>
|
||||
|
||||
<view class="tip-line">
|
||||
<text>点击卡片内容即可编辑</text>
|
||||
<text>分享或保存即可去除水印</text>
|
||||
</view>
|
||||
|
||||
<!-- 编辑工具区 -->
|
||||
@@ -257,6 +257,17 @@
|
||||
activeColor="#ff3b30"
|
||||
/>
|
||||
</view>
|
||||
<view class="form-item">
|
||||
<text class="label">署名位置 (上下)</text>
|
||||
<slider
|
||||
:value="userOffsetY"
|
||||
min="-200"
|
||||
max="200"
|
||||
show-value
|
||||
@change="(e) => (userOffsetY = e.detail.value)"
|
||||
activeColor="#ff3b30"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 头像挂饰 -->
|
||||
@@ -396,6 +407,7 @@ const greetingIndex = ref(0);
|
||||
|
||||
const bubbleOffsetY = ref(0);
|
||||
const userOffsetX = ref(0);
|
||||
const userOffsetY = ref(0);
|
||||
|
||||
onLoad((options) => {
|
||||
getTemplateList();
|
||||
@@ -722,7 +734,7 @@ const saveByCanvas = async (save = true) => {
|
||||
|
||||
drawUserBubble(ctx, {
|
||||
x: 160 + userOffsetX.value,
|
||||
y: H - 120,
|
||||
y: H - 136 + userOffsetY.value,
|
||||
avatarImg: avatarImg, // 传入 Image 对象
|
||||
username: signatureName.value,
|
||||
desc: "送上祝福",
|
||||
|
||||
Reference in New Issue
Block a user