chore: preview 修改

This commit is contained in:
Hefeng
2023-08-24 12:29:10 +08:00
parent 3b2f5c50c4
commit a682013bbe

View File

@ -116,6 +116,10 @@ export default {
type: [Number, String], type: [Number, String],
default: 32, default: 32,
}, },
iconSize: {
type: [Number, String],
default: 48,
},
// 按钮是否有点击效果 // 按钮是否有点击效果
highlight: { highlight: {
type: Boolean, type: Boolean,
@ -243,6 +247,7 @@ export default {
</text> </text>
</view> </view>
<view <view
v-if="borderColor"
:style="{ background: borderColor, left: `${hdLeft}rpx`, right: `${hdRight}rpx` }" class="fui-preview__border" :style="{ background: borderColor, left: `${hdLeft}rpx`, right: `${hdRight}rpx` }" class="fui-preview__border"
:class="{ 'fui-preview__border-color': !borderColor }" :class="{ 'fui-preview__border-color': !borderColor }"
/> />
@ -296,6 +301,8 @@ export default {
:class="[highlight ? 'fui-preview__hover-weex' : '', idx !== pvd[buttons].length - 1 ? 'fui-preview__btn-def' : 'fui-preview__btn']" :class="[highlight ? 'fui-preview__hover-weex' : '', idx !== pvd[buttons].length - 1 ? 'fui-preview__btn-def' : 'fui-preview__btn']"
:hover-class="highlight ? 'fui-preview_hover' : ''" :hover-stay-time="150" @tap="handleClick(idx)" :hover-class="highlight ? 'fui-preview_hover' : ''" :hover-stay-time="150" @tap="handleClick(idx)"
> >
<fui-icon name="visible" style="margin-right: 16rpx;" :color="btn[color] || '#465CFF'" :size="iconSize" ></fui-icon>
<text <text
:style="{ fontSize: `${btnSize}rpx`, color: btn[color] || '#465CFF' }" :style="{ fontSize: `${btnSize}rpx`, color: btn[color] || '#465CFF' }"
:class="{ 'fui-preview__link': !btn[color] }" :class="{ 'fui-preview__link': !btn[color] }"