xiongmao-pc/App.vue

<template>
	<router-view></router-view>
</template>

<script>
	export default {
		name: 'app',
		components: {},
		mounted() {
			this.$router.push('/health-encyclopedia/consultation-results-details');
		},
	}
</script>

<style>
	* {
		margin: 0;
		padding: 0;
	}

	body {
		background-color: #F2F2F2;
	}
	
	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;
	}

	/* el分页重写 */
	.el-pagination.el-pagination-override {
		width: 100%;
		display: flex;
		justify-content: flex-end;
	}

	.el-pagination.el-pagination-override .el-pagination__total {
		margin-right: auto
	}

	.el-pagination>button {
		background: #FFFFFF;
		border: 1px solid #F2F2F2;
	}

	.el-pagination.el-pagination-override>.el-pager .number {
		min-width: 30px;
		height: 30px;
		background: #FFFFFF;
		border: 1px solid #F2F2F2;
	}

	.el-pagination.el-pagination-override>.el-pager .number:hover,
	.el-pagination.el-pagination-override>.el-pager .number.active {
		background-color: #BC423F !important;
		color: #fff !important;
	}

	/* el模态窗重写 */
	.el-dialog__wrapper.el-dialog-override .el-dialog__body {
		padding: 0;
	}

	.el-dialog__wrapper.el-dialog-override .el-dialog__header {
		height: 55px;
		display: flex;
		align-items: center;
		padding: 0 20px;
	}

	.el-dialog__wrapper.el-dialog-override .el-dialog__header .el-dialog__title {
		font-size: 14px;
		font-weight: bold;
	}

	.el-dialog__wrapper.el-dialog-override .el-dialog__header .el-dialog__headerbtn {
		top: none;
	}

	/* 模态窗居中 */
	.el-dialog-override .el-dialog {
		position: absolute;
		margin: 0 !important;
		width: 550px !important;
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
	}

	/* 模态窗中间内容 */
	.form-box,
	.form-wrap {
		max-height: calc(100vh - 200px);
		overflow: auto;
		border-top: 1px solid #F0F0F0;

	}

	/* el下拉选择，el日期选择，el输入框，添加flex：1 */
	.el-select,
	.el-date-picker,
	.el-input {
		flex: 1;
	}

	/* 复选框颜色 */
	.el-checkbox__input.is-checked .el-checkbox__inner,
	.el-checkbox__input.is-indeterminate .el-checkbox__inner {
		background-color: #BC423F !important;
		border-color: #BC423F !important;
	}

	/* 处理flex布局 */
	.preach-list li,
	.form-row {
		flex-shrink: 0;

	}
</style>