Commit 30a022ec by wanglizhen

分割线组件更改

parent 07a6a96b
...@@ -6,16 +6,18 @@ const props = withDefaults(defineProps<{ ...@@ -6,16 +6,18 @@ const props = withDefaults(defineProps<{
id?: string, id?: string,
line?: boolean, line?: boolean,
leftBox?:boolean, // 增加参数左侧 自定义div 默认 false leftBox?:boolean, // 增加参数左侧 自定义div 默认 false
isStar?:boolean, // 是否显示星号 isStar?: boolean, // 是否显示星号
border?: boolean, // 是否显示分割线
}>(), { }>(), {
line: true, line: true,
leftBox: false, leftBox: false,
border: false,
isStar: false // 是否显示星号 isStar: false // 是否显示星号
}) })
</script> </script>
<template> <template>
<div class="titleBox" > <div class="titleBox" :style="border ? 'border-bottom: 1px solid rgba(241, 243, 245, 1);': 'border-bottom: none;'" >
<div class="leftBox"> <div class="leftBox">
<div v-if="props.line" class="borderLeft"/> <div v-if="props.line" class="borderLeft"/>
<div :id="props.id" class="titleName mini-title"><span class="red-star" v-if="props.isStar">*</span>{{ props.titleName }}</div> <div :id="props.id" class="titleName mini-title"><span class="red-star" v-if="props.isStar">*</span>{{ props.titleName }}</div>
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论