answer/addons/yexam/uniapp/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>
    /*每个页面公共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: #3c7bfc;
        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: #fff;
        align-items: center;
        width: 92%;
        margin: 0 auto;
        line-height: 50px;
    }
    .kaoshi-head .kaoshi-head-left{width: 20%;display: flex;align-items: center;}
    .kaoshi-head .kaoshi-head-left .iconfont{padding-left: 4px;font-size: 20px;}
    .kaoshi-head .kaoshi-head-m{width: 60%;text-align: center;font-size: 18px;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        word-break: break-all;
    }
    .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
    }
</style>