xwl2023/Yi.Framework
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat:接入积分排行

Browse Source
This commit is contained in:
Xwen
2023-12-25 22:27:15 +08:00
parent 006679ce5d
commit 0aee86a885
6 changed files with 209 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
Yi.Bbs.Vue3/src/components/InfoCard.vue
View File

@@ -1,55 +1,51 @@
<script setup>
import { ref } from 'vue'
const props = defineProps(['items','header','text','hideDivider'])
import { ref } from "vue";
const props = defineProps(["items", "header", "text", "hideDivider"]);
</script>
<template>
<el-card class="box-card" shadow="never">
<template #header>
<div class="card-header">
<span>{{props.header}}</span>
<el-link :underline="false" type="primary">{{props.text}}</el-link>
</div>
</template>
<el-card class="box-card" shadow="never">
<template #header>
<div class="card-header">
<span>{{ props.header }}</span>
<el-link :underline="false" type="primary">{{ props.text }}</el-link>
</div>
</template>
<slot name="content" />
<slot name="content" />
<div v-for="(item,i) in props.items " >
<div v-for="(item, i) in props.items">
<div class="text item">
<slot name="item" v-bind="item"/>
<slot name="item" v-bind="item" />
</div>
<el-divider
v-if="i != props.items.length - 1 && hideDivider == undefined"
/>
</div>
<el-divider v-if="i!=props.items.length-1&&hideDivider==undefined" />
</div>
</el-card>
</template>
<style scoped>
</el-card>
</template>
<style scoped>
.el-divider {
margin: 0.2rem 0;
}
.el-divider
{
margin: 0.2rem 0;
}
.card-header {
display: flex;
justify-content: space-between;
align-items: center;
}
.card-header {
display: flex;
justify-content: space-between;
align-items: center;
}
.text {
font-size: 14px;
}
.item {
margin: 0.5rem 0;
}
.box-card {
width: 100%;
}
</style>
.text {
font-size: 14px;
}
.item {
margin: 0.5rem 0;
}
.box-card {
width: 100%;
}
</style>

2
Yi.Bbs.Vue3/src/components/PlateCard.vue
View File

@@ -26,7 +26,7 @@ import { onMounted } from "vue";
const props = defineProps(["name", "introduction", "id", "isPublish"]);
</script>
<style>
<style scoped>
.remarks {
font-size: 12px;
color: #999;