diff --git a/pages/avatar/index.vue b/pages/avatar/index.vue index 9726133..0e0fdd7 100644 --- a/pages/avatar/index.vue +++ b/pages/avatar/index.vue @@ -25,7 +25,12 @@ + + + 分享或保存即可去除水印 + + 年禧集.马年春节祝福 { margin: 0 30rpx 30rpx; padding: 40rpx; border-radius: 32rpx; + position: relative; display: flex; flex-direction: column; align-items: center; box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05); + .premium-tag { + position: absolute; + top: 20rpx; + right: 0rpx; + background: linear-gradient(90deg, #ff8d42, #ff3b30); + color: #fff; + font-size: 20rpx; + padding: 8rpx 30rpx 8rpx 20rpx; + border-radius: 20rpx 0 0 20rpx; + z-index: 10; + display: flex; + align-items: center; + gap: 6rpx; + box-shadow: 0 4rpx 12rpx rgba(255, 59, 48, 0.3); + transform: translateX(10rpx); + } + .preview-square { + position: relative; width: 600rpx; height: 600rpx; - background: #f0f0f0; - position: relative; - border-radius: 24rpx; + background: #fff; + border-radius: 32rpx; overflow: hidden; box-shadow: 0 8rpx 30rpx rgba(0, 0, 0, 0.1); + .watermark { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%) rotate(-45deg); + font-size: 36rpx; + color: rgba(255, 255, 255, 0.2); + font-weight: bold; + pointer-events: none; + white-space: nowrap; + z-index: 10; + } + .avatar-img { width: 100%; height: 100%; @@ -849,6 +885,7 @@ onShareAppMessage(async () => { padding: 0 30rpx; display: flex; gap: 20rpx; + margin-bottom: 30rpx; .btn { flex: 1;