mirror of
https://gitee.com/beijing_hongye_huicheng/lilishop-uniapp.git
synced 2026-11-12 20:08:53 +08:00
31 lines
817 B
Vue
31 lines
817 B
Vue
<template>
|
|
<view class="tpl-line" :style="wrapperStyle">
|
|
<view :style="lineStyle"></view>
|
|
</view>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { computed } from "vue";
|
|
|
|
const props = defineProps<{ res: any }>();
|
|
|
|
const wrapperStyle = computed(() => {
|
|
const res = props.res || {};
|
|
const bg =
|
|
res.bgColor1 !== undefined
|
|
? !res.bgColor2 || res.bgColor1 === res.bgColor2
|
|
? res.bgColor1
|
|
: `linear-gradient(180deg, ${res.bgColor1}, ${res.bgColor2})`
|
|
: res.bgColor || "#FFFFFF";
|
|
return {
|
|
background: bg,
|
|
padding: `0 ${res.paddingX ?? 0}rpx`,
|
|
marginBottom: `${res.pageGap ?? 10}rpx`,
|
|
};
|
|
});
|
|
|
|
const lineStyle = computed(() => ({
|
|
borderTop: `${props.res?.lineHeight ?? 1}rpx ${props.res?.lineStyle || "dashed"} ${props.res?.lineColor || "#979797"}`,
|
|
}));
|
|
</script>
|