mirror of
https://gitee.com/beijing_hongye_huicheng/lilishop-uniapp.git
synced 2026-11-13 20:38:51 +08:00
feat(uniapp): 新增辅助空白/辅助线/富文本楼层渲染
This commit is contained in:
21
pages/tabbar/home/template/tpl_line.vue
Normal file
21
pages/tabbar/home/template/tpl_line.vue
Normal file
@@ -0,0 +1,21 @@
|
||||
<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(() => ({
|
||||
background: props.res?.bgColor || "#FFFFFF",
|
||||
padding: `0 ${props.res?.paddingX ?? 0}rpx`,
|
||||
marginBottom: `${props.res?.pageGap ?? 10}rpx`,
|
||||
}));
|
||||
|
||||
const lineStyle = computed(() => ({
|
||||
borderTop: `${props.res?.lineHeight ?? 1}rpx ${props.res?.lineStyle || "dashed"} ${props.res?.lineColor || "#979797"}`,
|
||||
}));
|
||||
</script>
|
||||
Reference in New Issue
Block a user