hytc-customer/App.vue

<script>
	export default {
		onLaunch: function() {
			uni.setStorageSync('locale','zh')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	/*每个页面公共css */
	@import "/static/font/iconfont.css";
	view{
		box-sizing: border-box;
	}
	page{
		background: #F4F4F4;
	}
	.warpbox{
		background: linear-gradient(180deg, #DFF0FF 0%, #F4F4F4 20%);
	}
	/* //暂无数据 */
	.noData{
		font-size:24rpx;
		color:#999;
		text-align: center;
		margin:120rpx 0;
	}
	/* //tab栏 */
	.tablist_new{
		width:100%;
		padding:24rpx;
		display: flex;
		justify-content: space-around;
		align-items: center;
		border-bottom:1rpx solid #f5f5f5;
		.tabtn{
			width:150rpx;
			text-align: center;
			font-size:26rpx;
			color:#999;
			padding-bottom:20rpx;
			position: relative;
			&::after{
				content:'';
				position: absolute;
				left:0;
				bottom:0;
				width:60rpx;
				height:10rpx;
				background:none;
				border-radius: 10rpx;
			}
		}
		.tabtn_active{
			width:150rpx;
			text-align: center;
			font-size:26rpx;
			color:#65ABF6;
			padding-bottom:20rpx;
			position: relative;
			&::after{
				content:'';
				position: absolute;
				left:50%;
				transform: translateX(-50%);
				bottom:0;
				width:60rpx;
				height:10rpx;
				background:#65ABF6;
				border-radius: 10rpx;
			}
		}
	}
	.key{
		color:#666666 !important;
		span{
			color:red;
			margin-left:8rpx;
		}
	}
	.valueActive{
		color:#333 !important;
	}
	.button{
		width:500rpx;
		height:88rpx;
		border-radius: 45rpx;
		background:#7FC2FF;
		font-size:30rpx;
		color:#fff;
		text-align: center;
		line-height: 88rpx;
		margin:50rpx auto;
	}
</style>