Uniapp/lucky_shop
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

chore：样式134推荐码居中

Browse Source
This commit is contained in:
jinhhanhan
2026-08-05 15:02:50 +08:00
parent f1487e60bb
commit b0f7c7a15c
1 changed files with 11 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
components-diy/diy-recommend-code.vue
View File

@@ -42,11 +42,11 @@
<view class="rc-header">
<text class="rc-title" :style="{ color: value.titleColor || '#5C3D1E' }">{{ value.title || '我的推荐码' }}</text>
</view>
<view class="rc-code-box rc-code-gradient" @tap="copyRecommendCode">
<view class="rc-code-box rc-code-gradient" @tap="copyRecommendCode" style="display:block;text-align:center;background:transparent;padding:36rpx 30rpx;">
<text class="rc-code rc-code-gradient-text" :style="codeTextStyle">{{ code || '暂无' }}</text>
</view>
<!-- 复制链接按钮：在推荐码下方居中，白色背景 -->
<view class="rc-copy-link-row rc-copy-link-gradient">
<view class="rc-copy-link-row rc-copy-link-gradient" style="margin-top:24rpx;display:block;text-align:center;width:100%;">
<view class="rc-btn rc-btn-copy rc-btn-copy-gradient" :style="gradientCopyLinkStyle" @tap="copyLink" :disabled="loadingCode">
<text>{{ value.placeholderCopyText || '立即分享链接' }}</text>
</view>
@@ -110,9 +110,11 @@
<view class="rc-header rc-header-card">
<text class="rc-title" :style="{ color: value.titleColor || '#B8860B' }">{{ value.title || '我的推荐码' }}</text>
</view>
<view class="rc-code-box rc-code-card" @tap="copyRecommendCode">
<view class="rc-code-box rc-code-card" @tap="copyRecommendCode" style="display:block;text-align:center;background:rgba(184,134,11,0.04);padding:36rpx 30rpx;border-radius:20rpx;">
<text class="rc-code" :style="codeTextStyle">{{ code || '暂无' }}</text>
<view class="rc-copy rc-copy-card rc-copy-link-card" :style="{ background: value.accentColor || '#DAA520', color: '#FFFFFF' }" @tap.stop="copyLink">
</view>
<view style="margin-top:24rpx;display:block;text-align:center;width:100%;">
<view class="rc-btn rc-btn-copy rc-copy-card rc-copy-link-card" :style="{ background: value.accentColor || '#DAA520', color: '#FFFFFF' }" @tap.stop="copyLink">
<text>{{ value.placeholderCopyText || '立即分享链接' }}</text>
</view>
</view>
@@ -144,19 +146,15 @@
<view class="rc-header rc-header-bookgold">
<text class="rc-title" :style="{ color: value.titleColor || '#FFFFFF' }">{{ value.title || '我的推荐码' }}</text>
</view>
<view class="rc-code-box rc-code-bookgold" @tap="copyRecommendCode" :style="bookGoldCodeBoxStyle">
<text class="rc-prefix" :style="{ color: 'rgba(255,255,255,0.7)' }"></text>
<view class="rc-code-box rc-code-bookgold" @tap="copyRecommendCode" :style="bookGoldCodeBoxStyle + 'display:block;text-align:center;'">
<text class="rc-code" :style="codeTextStyle">{{ code || '暂无' }}</text>
</view>
<view class="rc-action-bar rc-action-bookgold">
<view v-if="isFeatureOn(value.showButton)" class="rc-btn rc-btn-share rc-btn-share-bookgold"
:style="mainBtnBgStyle()" @tap="onShareClick" open-type="share">
<text>{{ value.buttonText || '立即分享' }}</text>
</view>
<view class="rc-btn rc-btn-copy" :style="secondaryBtnStyle" @tap="copyLink">
<view style="margin-top:24rpx;display:block;text-align:center;width:100%;">
<view class="rc-btn rc-btn-copy rc-copy-bookgold" :style="bookGoldCopyBtnStyle" @tap.stop="copyLink">
<text>{{ value.placeholderCopyText || '立即分享链接' }}</text>
</view>
</view>
<view class="rc-action-bar rc-action-bookgold">
<view v-if="isFeatureOn(value.allowRegenerate)" class="rc-btn rc-btn-regenerate"
:style="secondaryBtnStyle" @tap="regenerate">
<text>{{ value.placeholderRegenerateText || '换一个新码' }}</text>