ldb-safe-hh/App.vue

<script>
	import { mapActions } from 'vuex'
	export default {
		onLaunch: function() {
			console.log('App Launch')
			this.updateHeadStatus()
			this.getAllUserFace()
		},
		onShow: function() {
			console.log('App Show')
			// #ifdef APP-PLUS
			plus.navigator.setFullscreen(true) //隐藏手机顶部状态栏
			plus.navigator.hideSystemNavigation() //隐藏手机底部导航按键
			// #endif
		},
		onHide: function() {
			console.log('App Hide')
		},
		methods: {
			...mapActions(['updateHeadStatus', 'getAllUserFace'])
		}
	}
</script>

<style lang="scss">
	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
	@import "@/uni_modules/uview-ui/index.scss";
	/*每个页面公共css */
	@import './common/uni-nvue.css';
	page {
		background-color: #FFF;
	}
	.text-one {
		overflow: hidden;  //超出隐藏
		white-space: nowrap; //不折行
		text-overflow: ellipsis; //溢出显示省略号
		// display: -webkit-box;
		-webkit-box-orient: vertical;  //子元素排列 vertical（竖排）orhorizontal（横排）
		-webkit-line-clamp: 1;/*内容限制的行数 需要几行写几就行*/ 
	}
	.text-two {
		padding-right: 6rpx;
		overflow: hidden;   //超出隐藏
		text-overflow: ellipsis;  //溢出显示省略号
		white-space: normal;  //常规默认，会折行
		display: -webkit-box;  
		-webkit-box-orient: vertical;  //子元素排列 vertical（竖排）orhorizontal（横排）
		-webkit-line-clamp: 2;/*内容限制的行数 需要几行写几就行*/ 
	}
	
	.text-three {
		padding-right: 6rpx;
		overflow: hidden;   //超出隐藏
		text-overflow: ellipsis;  //溢出显示省略号
		white-space: normal;  //常规默认，会折行
		display: -webkit-box;  
		-webkit-box-orient: vertical;  //子元素排列 vertical（竖排）orhorizontal（横排）
		-webkit-line-clamp: 3;/*内容限制的行数 需要几行写几就行*/ 
	}
</style>