thzxcx/FirstUI-vue
1
0
Fork 0
Code Pull Requests Packages Releases Activity

chore: fui-preview 增加tag上下padding功能

Browse Source
This commit is contained in:
Hefeng
2023-08-30 17:54:23 +08:00
parent 0602515832
commit 298499fae5
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
components/firstui/fui-preview/fui-preview.vue
View File

@ -154,6 +154,11 @@ export default {
type: Boolean, type: Boolean,
default: true, default: true,
}, },
tagPadding: {
type: [Number, String],
default: 8,
},
}, },
emits: ['click', 'valueClick'], emits: ['click', 'valueClick'],
data() { data() {
@ -258,7 +263,7 @@ export default {
:class="{ 'fui-preview__border-color': !borderColor }" :class="{ 'fui-preview__border-color': !borderColor }"
/> />
</view> </view>
<view :style="{ paddingLeft: `${padding}rpx`, paddingRight: `${padding}rpx` }" style="padding-top: 8rpx;padding-bottom: 8rpx;"> <view :style="{ paddingLeft: `${padding}rpx`, paddingRight: `${padding}rpx`,paddingTop: `${tagPadding}rpx`,paddingBottom: `${tagPadding}rpx`}">
<slot name="tag" /> <slot name="tag" />
</view> </view>
@ -308,7 +313,7 @@ export default {
: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 v-if="btn[icon]" :name="btn[icon]" style="margin-right: 16rpx;" :color="btn[color] || '#465CFF'" :size="iconSize" ></fui-icon> <fui-icon v-if="btn[icon]" :name="btn[icon]" style="margin-right: 16rpx;" :color="btn[color] || '#2979FF'" :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] }"