yaosheng/src/App.vue

<template>
  <div>
    <Header></Header>
    <div style="padding-top: 44px;">
      <router-view :key="$route.fullPath"></router-view>
    </div>
    <Footer></Footer>
  </div>

</template>

<script>

import HeaderSub from "@/components/header-sub";
import Header from "@/components/header";
import Footer from "@/components/footer";
  export default {
		name: 'app',
    components: {HeaderSub, Header, Footer},
    data() {
      return {
        scrollTop: 0,
      }
    },
    mounted() {
    },
    methods: {
    }
  }
</script>

<style>
	* {
		margin: 0;
		padding: 0;
	}
	
	body {
		background-color: #F8F5ED;
	}
	
	ul,
	li {
		list-style: none;
	}
	
	a {
		text-decoration: none;
	
	}
	
	a:hover {
		transition: all 0.25s;
		-moz-transition: all 0.25s;
		-webkit-transition: all 0.25s;
		-o-transition: all 0.25s;
	}
	
	button:hover {
		cursor: pointer;
	}
	
	input::placeholder {
		color: #919191;
	}
	
	input,
	textarea,
	button {
		outline: 0;
		background-color: initial;
		border: none;
	}
	
	/*::-webkit-scrollbar {*/
	/*	width: 0 !important;*/
	/*}*/
	
	/*::-webkit-scrollbar {*/
	/*	width: 0 !important;*/
	/*	height: 0;*/
	/*}*/
	
	/*::-moz-scrollbar {*/
	/*	width: 0 !important;*/
	/*}*/
	
	/*::-moz-scrollbar {*/
	/*	width: 0 !important;*/
	/*	height: 0;*/
	/*}*/

  .button-disabled-gray {
    background-color: #9C9C9C !important;
    color: #FFFFFF !important;
  }

  /* 自定义Message样式 */
	.message-custom {
    background-color: #FF4400 !important;
    border-color: rgba(255, 68, 0, 0.38) !important;
    display: flex;
    justify-content: center;
    min-width: max-content !important;
    padding: 0 20px !important;
    top: 40% !important;
    height: 28px;
    border-radius: 10px !important;
  }
  .message-custom .el-message__icon{
    display: none!important;
  }
  .message-custom .el-message__content{
    color: #FFFFFF!important;
  }
  /* 自定义Message样式 */

  .el-message {
    z-index: 9999999999 !important;
  }
</style>