You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
210 lines
2.9 KiB
210 lines
2.9 KiB
<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>
|
|
|