TianHeJianKang/App.vue

<template>


</template>

<script setup>
	// export default {
	// 	onLaunch: function() {
	// 		console.log('App Launch')
	// 	},
	// 	onShow: function() {
	// 		console.log('App Show')
	// 	},
	// 	onHide: function() {
	// 		console.log('App Hide')
	// 	}
	// }
</script>

<style lang="scss">
	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
	@import "@/uni_modules/uview-plus/index.scss";
	/*每个页面公共css */
	view {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		font-size: 28rpx; //全局默认字体尺寸
		color: #303030; //全局默认字体颜色
	}

	.flexa {
		//全局配置flex布局
		display: flex;
		justify-content: space-around;
	}

	.flexb {
		//全局配置flex布局
		display: flex;
		justify-content: space-between;
	}

	.flexc {
		//全局配置flex布局
		display: flex;
		justify-content: center;
	}

	.flexe {
		//全局配置flex布局
		display: flex;
	}

	.flexY {
		//全局配置flex布局
		display: flex;
		flex-direction: column;
	}

	.sl1 {
		//文本省略
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		/* 定义显示的行数 */
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.sl2 {
		//文本省略
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		/* 定义显示的行数 */
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.sl3 {
		//文本省略
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		/* 定义显示的行数 */
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.sl4 {
		//文本省略
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		/* 定义显示的行数 */
		overflow: hidden;
		text-overflow: ellipsis;
	}
</style>