jp-charge/App.vue

<script>
	import '.env.js'
	import 'font.js'
	export default {
		onLaunch: function() {
			
			
		},
		onShow: function() {
			
		
		},
		onReady: function() {
			console.log("aaa")
		},
		onHide: function() {
			
		},
		methods:{
			
		} 
	}
</script>
<style lang="scss">
	
	.tooltip {
		position: relative;
	    display: inline-flex;
		width: 36rpx;
		height: 36rpx;
	}
	.tooltiplong .tooltiptext{
		
		left: -60px !important;
	}
	.tooltiplong .tooltiptext:before{
		left: 60px !important;
	}
	.tooltip .tooltiptext {
		 min-width: 180px;
		 min-height: 20px;
			
		position: absolute;
		 visibility: hidden;
		top: -30px;
		left: -10px;
		padding: 1px 20rpx;
		line-height: 20px;
		font-size: 24rpx;
		color: #fff;
		
		 background-color: #333333;
	
		border-radius: 10px;
		text-align: center;
		 z-index: 1;
	}
	.tooltip:hover .tooltiptext {
	    visibility: visible;
	}
	.tooltiptext:before {
		 z-index: 1;
		content: "";
		position: absolute;
		
		top: 20px;
		//right: 5px;
		left: 10px;
		border-top: 5px solid #333333;
		border-right: 5px solid transparent;
		border-left: 5px solid transparent;
	}
	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
	@import "uview-ui/index.scss";
	//
	/*每个页面公共css */
	//@import 'static/css/style.css';
	@import '@/iconfont/iconfont.css';
	@import '@/assets/font/iconfont.css';
	.uni-icon-success-no-circle:before {
	    content: "" !important ;
		display: none;
	}
	.uni-toast .uni-toast__content{
		margin: -10px 1px 10px 1px;
	}
	.uni-modal .uni-modal__btn{
		flex: 1;
		height: 43px;
		line-height: 43px !important;;
		font-size: 13px !important;
		box-sizing: border-box;
		cursor: pointer;
		text-align: center;
		border-radius: 1px;
	}
	@media screen and (min-width: 320px) {
	   /deep/.u-tabbar__content {
			height: 42px!important;
	   }
	}
	@media screen and (min-width: 375px) {
	   /deep/.u-tabbar__content {
			height: 52px!important;
	   }
	}
	@media screen and (min-width: 425px) {
	   /deep/.u-tabbar__content {
			height: 62px!important;
	   }
	}
</style>