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

chore: fui-preview 组件上边距

Browse Source
This commit is contained in:
Hefeng
2023-10-23 19:08:59 +08:00
parent 0489e10abf
commit 48bcf47c7f
1 changed files with 5 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -164,11 +164,7 @@ export default {
type: Boolean, type: Boolean,
default: false, default: false,
}, },
// tag是否在右边
isTagRight: {
type: Boolean,
default: false,
},
// 组件上边距 // 组件上边距
topPadding: { topPadding: {
type: [Number, String], type: [Number, String],
@ -261,11 +257,11 @@ export default {
<template> <template>
<view <view
class="fui-preview__wrap" :class="{ 'fui-preview__unlined': !isBorder, 'fui-preview__background': !background }" class="fui-preview__wrap" :class="{ 'fui-preview__unlined': !isBorder, 'fui-preview__background': !background }"
:style="{ 'border-top-color': borderColor, 'border-bottom-color': borderColor, 'marginTop': `${marginTop}rpx`, 'marginBottom': `${marginBottom}rpx`, 'background': background }" :style="{ 'border-top-color': borderColor, 'border-bottom-color': borderColor, 'marginTop': `${marginTop}rpx`, 'marginBottom': `${marginBottom}rpx`, 'background': background,paddingTop: `${topPadding}rpx` }"
> >
<view <view
v-if="pvd[label] || pvd[value]" class="fui-preview__hd" v-if="pvd[label] || pvd[value]" class="fui-preview__hd"
:style="{ paddingLeft: `${padding}rpx`, paddingRight: `${padding}rpx`,paddingTop: `${topPadding}rpx`}" :style="{ paddingLeft: `${padding}rpx`, paddingRight: `${padding}rpx`}"
> >
<view class="fui-preview__item"> <view class="fui-preview__item">
<fui-section v-if="isSection" :title="pvd[label] || ''" is-line line-width="8rpx" :padding="['0','0']" :line-color="fuiColor.primary" /> <fui-section v-if="isSection" :title="pvd[label] || ''" is-line line-width="8rpx" :padding="['0','0']" :line-color="fuiColor.primary" />
@ -290,7 +286,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`,paddingTop: `${tagPadding}rpx`,paddingBottom: `${tagPadding}rpx`}" :class="{'tag-right':isTagRight}"> <view :style="{ paddingLeft: `${padding}rpx`, paddingRight: `${padding}rpx`,paddingTop: `${tagPadding}rpx`,paddingBottom: `${tagPadding}rpx`}" >
<slot name="tag" /> <slot name="tag" />
</view> </view>
@ -618,11 +614,7 @@ export default {
transform-origin: 100% 0; transform-origin: 100% 0;
transform: scaleX(.5) transform: scaleX(.5)
} }
.tag-right{
position: absolute;
right: 0;
top: 0;
}
/* #endif */ /* #endif */