dati/App.vue

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

<style>
	@import "~@/static/css/tiku.css";
    /*每个页面公共css */
    @import "./static/font/iconfont.css";
    /*占位符*/
    .lz-status_bar {
        height: var(--status-bar-height);
        width: 100%;
        background-color: #fff;
    }

    .lz-top_view {
        height: var(--status-bar-height);
        width: 100%;
        position: fixed;
        background-color: #fff;
        top: 0;
        z-index: 999;
    }
    /*头部样式*/
    .kaoshi-head{
        background: #fff;
        top: var(--status-bar-height);
        z-index: 100;
        border-bottom: solid 1px #f6f7f9;
    }
    .kaoshi-head-left .icon-zuojiantou{
        font-size: 20px;
    }
    .kaoshi-head-top{
        display: flex;
        font-size: 16px;
        color: #000;
        align-items: center;
        width: 93%;
        margin: 0 auto;
        line-height: 50px;
    }
    .kaoshi-head .kaoshi-head-left{width: 20%;display: flex;align-items: center;}
    .kaoshi-head .kaoshi-head-left .iconfont{font-size: 18px;}
    .kaoshi-head .kaoshi-head-m{
		width: 60%;
		text-align: center;
		font-size: 18px !important;
		text-overflow: ellipsis;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		word-break: break-all;
		font-weight: bold !important;
	}
    .kaoshi-head .kaoshi-head-right{width: 20%;text-align: right;}
    .kaoshi-head-right .iconfont{
        font-size: 23px;
    }
    .pub-flex-1 {
        flex: 1;
    }
    .pub-gray{
        color: #b4b3b3;
    }
    .pub-s-gray {
        color: #616161;
    }
    .pub-orange{
        color: #ffb500
    }
    .pub-green{
        color: #0ec358;
    }
    .pub-red{
        color: #ff4c4c
    }
    .green-background{
        background: #0ec358;
        border: solid 1px #0ec358!important;
        color: #fff;
    }
    .orange-background{
        background: #ffb500;
        border: solid 1px #ffb500!important;
        color: #fff;
    }
    .red-background{
        background: #ff4c4c;
        border: solid 1px #ff4c4c!important;
        color: #fff;
    }
    .dai{
        border: solid 1px #0081ff!important;
    }
    .exam-tan-button {
        text-align: center;
    }
    .white-background{
        background: #fff
    }
	.vip{
		width: 35px;
	   color: #ffecd5;
	   border-radius: 5px;
	   padding: 4px 6px;
	   font-size: 11px;
	   margin-left: 4px;
	   display: inline-block;
	   background-image: linear-gradient(to left, #4b444c, #000);
	}
	.vip image{
	    width: 14px;
	    height: 14px;
		float: left;
	    margin-right: 3px;
	}
	/* 弹窗 */
	.lz-modal {
	    position: fixed;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    z-index: 999;
	    opacity: 0;
	    outline: 0;
	    text-align: center;
	    backface-visibility: hidden;
	    perspective: 1000px;
	    background: rgba(0,0,0,.4);
	    transition: all .3s ease-in-out 0s;
	    pointer-events: none;
	}
	.lz-modal .lz-modal-dialog {
	    position: relative;
	    display: inline-block;
	    vertical-align: middle;
	    margin-left: auto;
	    margin-right: auto;
	    width: 81%;
	    max-width: 100%;
	    background-color: #fff;
	    border-radius: 10px;
	    overflow: hidden;
	}
	.lz-modal::before {
	    content: "\200B";
	    display: inline-block;
	    height: 100%;
	    vertical-align: middle;
	}
	.lz-list-header{
	    display: flex;
	    flex-direction: row;
	    width: 89%;
	    margin: 0 auto;
	    padding: 14px 0;
	    align-items: center;
	    justify-content: space-between;
		font-size: 17px;
		    color: #000;
	}
	.lz-list-header .iconfont{
	    color: #c5c5c5;
	}
	.lz-list-item .lz-list-line .lz-list-content {
		flex: 1;
		color: #000;
		font-size: 15px;
		line-height: 1.5;
		text-align: left;
		width: auto;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding: 10px 0;
		margin: 0 18px 12px;
		border: solid 1px #dfdfdf;
		padding-left: 11px;
	}
	.lz-list-item uni-input {
	    font-size: 14px;
	}
	.lz-list-body::before {
	    border-bottom: none;
	}
	.lz-list-body::before {
	    border-top:none;
	}
	.primary {
		width: 92%;
		margin: 0 auto;
		background: #3c7bfc !important;
		color: #fff !important;
		border-radius: 6px;
		font-size: 16px;
	}
	.lz-list-header .icon-cuo1{
	    font-size: 17px;
	    color: #9e9e9e;
	}
	.lz-modal.lz-modal-show {
	    opacity: 1;
	    transition-duration: .3s;
	    transform: scale(1);
	    overflow-x: hidden;
	    overflow-y: auto;
	    pointer-events: auto;
	}
	
	.search-wuc .cur .cur-line{
		width: 17px !important;
	}
	.my-kf .uni-list-cell__container {
	    padding: 9px 15px !important;
	}
</style>