football/components/page-component/app-goods-detail/app-name.vue

<template>
	<view class="page-width name">
		<view class="page-width text">
			{{name}}
		</view>
	</view>
</template>

<script>
    export default {
        name: 'name',
	    
	    props: {
            name: String,
	    }
    }
</script>

<style scoped lang="scss">
	.page-width {
		width: 100%;
	}
	
	.name {
		background-color: #ffffff;
		overflow: hidden;
	}
	
	.text {
		font-size: #{32upx};
		color: rgb(0,0,0);
		line-height: #{40upx};
		padding: #{30upx 24upx 0 24upx};
		margin-bottom: #{30upx};
		word-break: break-all;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		white-space: normal;
	}
</style>