github/go-view
github/go-view
3
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2025-02-24 16:22:57 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat： 新增滚动排名列表增加设置字体大小配置

Browse Source 
Merge pull request !21 from 王志强/master
This commit is contained in:
奔跑的面条 2022-06-17 01:25:36 +00:00 committed by Gitee
commit d0436ec478
No known key found for this signature in database
GPG Key ID: 173E9B9CA92EEF8F
3 changed files with 41 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/packages/components/Tables/Tables/TableList/config.ts
View File

@ -19,6 +19,12 @@ export const option = {
textColor: '#CDD2F8FF',
borderColor: '#1370fb80',
carousel: 'single',
//序号字体大小
indexFontSize: 12,
//左侧数据字体大小
leftFontSize: 12,
//右侧数据字体大小
rightFontSize: 12,
// 格式化
valueFormatter(item: { value: any}) { return item.value}
}

25
src/packages/components/Tables/Tables/TableList/config.vue
View File

@ -49,6 +49,31 @@
></n-color-picker>
</SettingItem>
</SettingItemBox>
<SettingItemBox name="字体样式">
<SettingItem name="序号字体">
<n-input-number
size="small"
v-model:value="optionData.indexFontSize"
:min="12"
/>
</SettingItem>
<SettingItem name="左侧数据字体">
<n-input-number
size="small"
v-model:value="optionData.leftFontSize"
:min="12"
/>
</SettingItem>
<SettingItem name="右侧数据字体">
<n-input-number
size="small"
v-model:value="optionData.rightFontSize"
:min="12"
/>
</SettingItem>
</SettingItemBox>
</CollapseItem>
</template>

17
src/packages/components/Tables/Tables/TableList/index.vue
View File

@ -7,9 +7,9 @@
:style="`height: ${status.heights[i]}px;`"
>
<div class="ranking-info">
<div class="rank" :style="`color: ${color}`">No.{{ item.ranking }}</div>
<div class="info-name" v-html="item.name" />
<div class="ranking-value" :style="`color: ${textColor}`">
<div class="rank" :style="`color: ${color};font-size: ${indexFontSize}px`">No.{{ item.ranking }}</div>
<div class="info-name" :style="`font-size: ${leftFontSize}px`" v-html="item.name" />
<div class="ranking-value" :style="`color: ${textColor};font-size: ${rightFontSize}px`">
{{
status.mergedConfig.valueFormatter
? status.mergedConfig.valueFormatter(item)
@ -43,7 +43,7 @@ const props = defineProps({
},
})
const { w, h } = toRefs(props.chartConfig.attr)
const { rowNum, unit, color, textColor, borderColor } = toRefs(
const { rowNum, unit, color, textColor, borderColor, indexFontSize, leftFontSize, rightFontSize } = toRefs(
props.chartConfig.option
)
@ -166,10 +166,12 @@ watch(
// 数据更新
watch(
() => props.chartConfig.option.dataset,
() => props.chartConfig.option,
() => {
console.log('数据更新', props.chartConfig.option)
onRestart()
}
},
{deep:true}
)
useChartDataFetch(props.chartConfig, useChartEditStore)
@ -197,9 +199,10 @@ onUnmounted(() => {
display: flex;
width: 100%;
font-size: 13px;
align-items: center;
.rank {
width: 40px;
margin-right: 5px;
}
.info-name {