<script>
import { mapState, mapMutations } from 'vuex';
export default {
	data() {
		return {
			isAudio: true,
		};
	},
	methods: {
		...mapMutations(['setTrainPath']),
	},
	mounted() {},
	// 页面显示调用接口
	onLoad() {},
	onLaunch() {},
};
</script>

<style lang="scss">
/*每个页面公共css */
@import '@/uni_modules/uview-ui/index.scss';
@import 'common/demo.scss';

uni-view,
p,
span {
	font-size: 16px;
}
::v-deep.u-modal {
	background: #ffffff;
}
::v-deep.u-modal__content__text span {
	font-size: 20px;
}
.avatarobx {
	top: 16px;
	right: 16px;
	position: fixed;
	display: flex;
	align-items: center;
	color: #fff;
	.name {
		font-size: 18px;
	}
	.view-out {
		margin-right: 10px;
		// border-bottom:1px solid #fff;
	}

	.avatar {
		border-radius: 6px;
		width: 30px;
		height: 30px;
		margin-left: 18px;
	}

	.out {
		width: 30px;
		height: 30px;
	}
}

.view-backimg {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;

	.view-backimg-top {
		height: 50vh;
		background-image: url('./imgs/bg-top.png');
		background-size: 100% 100%;
	}

	.view-backimg-bottom {
		height: 50vh;
		background-image: url('./imgs/left.png');
		background-size: 100% 100%;
	}
}

::v-deep.u-toast__content__text--error,
::v-deep.u-toast__content__text--success {
	max-width: 500px !important;
}
.back {
	width: 40px;
	position: fixed !important;
	top: 16px;
	left: 16px;
}
.logo {
	width: 500px;
	position: fixed !important;
	top: 16px;
	left: 16px;
}

// 状态颜色
.statusGray {
	color: #c0c4cc;
}

.statusGreen {
	color: #10b884;
}

.statusRed {
	color: red;
}

.view-none {
	width: 100%;
	font-size: 16px !important;
	line-height: 50px;
	color: #909399;
	text-align: center;
}

::v-deep.uni-pagination__num-tag {
	width: 30px !important;
	min-width: 30px !important;
	height: 30px !important;
	font-size: 16px !important;
}

.width-60 {
	min-width: 60px !important;
}

.width-100 {
	min-width: 100px !important;
}

.width-160 {
	min-width: 160px !important;
}

.width-250 {
	min-width: 250px !important;
}

.uni-select__input-box,
.uni-select {
	height: 40px !important;
}

.uni-select {
	font-size: 16px !important;
}

.uni-select__input-placeholder {
	font-size: 16px !important;
}

.uni-input-input,
uni-input {
	border-radius: 5px;
	height: 38px !important;
	font-size: 16px !important;
}

uni-input {
	padding: 0 10px;
}

.uni-icons {
	font-size: 24px !important;
}

.u-popup__content {
	background-color: rgba(0, 0, 0, 0) !important;
}

.uni-input-placeholder {
	font-size: 16px;
	line-height: 40px;
}

.u-input--square {
	height: 28px !important;
	padding: 6px 9px !important;
}

.u-input__content__field-wrapper__field {
	font-size: 16px !important;
}

uni-video {
	width: 100% !important;
	height: 100% !important;
}

.u-toast {
	font-size: 30px !important;
}

// 时间选择样式
.u-picker {
	background: #fff;
}

.u-toolbar__wrapper__cancel,
.u-toolbar__wrapper__confirm,
.u-toolbar__title {
	font-size: 26px !important;
}
</style>
