menber-center/pages/goOnEdu/course/courseDetail/component/courseCredits/courseCredits.vue

<template>
	<view class="tabs-content" :style="{ paddingBottom : `${props.paddingBottom || 0}rpx`,display: 'flex', fontSize: '30rpx' }">
		<view>学分：</view>
		<view>{{ credit }}分</view>
	</view>
</template>

<script setup>
	import {
		ref,
		defineProps
	} from 'vue'
	const props = defineProps({
		paddingBottom: {
			type: Number,
			required: false,
			default: 10
		},
		credit: {
			type: Number,
			required: true,
			default: 0
		}
	});
	const dataList = ref([{
			name: "11212213213213123",
			msg: "djsgjdagsjdasdegfueg检查过程检查后好几次撒谎成功 俺曾经杀过从擦检察官案件安插给从安插给从"
		},
		{
			name: "11212213213213123",
			msg: "djsgjdagsjdasdegfueg检查过程检查后好几次撒谎成功 俺曾经杀过从擦检察官案件安插给从安插给从"
		},
		{
			name: "11212213213213123",
			msg: "djsgjdagsjdasdegfueg检查过程检查后好几次撒谎成功 俺曾经杀过从擦检察官案件安插给从安插给从"
		},
		{
			name: "11212213213213123",
			msg: "djsgjdagsjdasdegfueg检查过程检查后好几次撒谎成功 俺曾经杀过从擦检察官案件安插给从安插给从"
		},
		{
			name: "11212213213213123",
			msg: "djsgjdagsjdasdegfueg检查过程检查后好几次撒谎成功 俺曾经杀过从擦检察官案件安插给从安插给从"
		},
		{
			name: "11212213213213123",
			msg: "djsgjdagsjdasdegfueg检查过程检查后好几次撒谎成功 俺曾经杀过从擦检察官案件安插给从安插给从"
		},
		{
			name: "11212213213213123",
			msg: "djsgjdagsjdasdegfueg检查过程检查后好几次撒谎成功 俺曾经杀过从擦检察官案件安插给从安插给从"
		},
		{
			name: "11212213213213123",
			msg: "djsgjdagsjdasdegfueg检查过程检查后好几次撒谎成功 俺曾经杀过从擦检察官案件安插给从安插给从"
		},
		{
			name: "11212213213213123",
			msg: "djsgjdagsjdasdegfueg检查过程检查后好几次撒谎成功 俺曾经杀过从擦检察官案件安插给从安插给从"
		},
		{
			name: "11212213213213123",
			msg: "djsgjdagsjdasdegfueg检查过程检查后好几次撒谎成功 俺曾经杀过从擦检察官案件安插给从安插给从"
		},
		{
			name: "11212213213213123",
			msg: "djsgjdagsjdasdegfueg检查过程检查后好几次撒谎成功 俺曾经杀过从擦检察官案件安插给从安插给从11"
		},
		{
			name: "11212213213213123",
			msg: "djsgjdagsjdasdegfueg检查过程检查后好几次撒谎成功 俺曾经杀过从擦检察官案件安插给从安插给从"
		},
		{
			name: "11212213213213123",
			msg: "djsgjdagsjdasdegfueg检查过程检查后好几次撒谎成功 俺曾经杀过从擦检察官案件安插给从安插给从"
		},
		{
			name: "11212213213213123",
			msg: "djsgjdagsjdasdegfueg检查过程检查后好几次撒谎成功 俺曾经杀过从擦检察官案件安插给从安插给从22"
		}
	])
</script>

<style lang="scss" scoped>
	.tabs-content {
		padding-top: 10rpx;
		letter-spacing: 5rpx;
	}
</style>