1747191978@qq.com
2 months ago
11 changed files with 2054 additions and 1920 deletions
@ -1,213 +1,210 @@ |
|||
<script> |
|||
import { |
|||
mapState, |
|||
mapMutations |
|||
} from 'vuex'; |
|||
export default { |
|||
data() { |
|||
return { |
|||
isAudio: true, |
|||
}; |
|||
}, |
|||
methods: { |
|||
...mapMutations(['setTrainPath']), |
|||
}, |
|||
mounted() {}, |
|||
// 页面显示调用接口 |
|||
onLoad() {}, |
|||
onLaunch() {}, |
|||
}; |
|||
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; |
|||
/*每个页面公共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; |
|||
} |
|||
/deep/.u-modal{ |
|||
background: #ffffff; |
|||
.view-out { |
|||
margin-right: 10px; |
|||
// border-bottom:1px solid #fff; |
|||
} |
|||
/deep/.u-modal__content__text span{ |
|||
font-size: 20px; |
|||
|
|||
.avatar { |
|||
border-radius: 6px; |
|||
width: 30px; |
|||
height: 30px; |
|||
margin-left: 18px; |
|||
} |
|||
.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 |
|||
} |
|||
|
|||
.out { |
|||
width: 30px; |
|||
height: 30px; |
|||
} |
|||
} |
|||
|
|||
.view-backimg { |
|||
position: fixed; |
|||
top: 0; |
|||
bottom: 0; |
|||
left: 0; |
|||
right: 0; |
|||
z-index: -1; |
|||
|
|||
.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%; |
|||
} |
|||
.view-backimg-top { |
|||
height: 50vh; |
|||
background-image: url('./imgs/bg-top.png'); |
|||
background-size: 100% 100%; |
|||
} |
|||
|
|||
/deep/.u-toast__content__text--error, |
|||
/deep/.u-toast__content__text--success { |
|||
max-width: 500px !important; |
|||
.view-backimg-bottom { |
|||
height: 50vh; |
|||
background-image: url('./imgs/left.png'); |
|||
background-size: 100% 100%; |
|||
} |
|||
.back{ |
|||
width:40px; |
|||
} |
|||
|
|||
::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; |
|||
} |
|||
.logo { |
|||
width: 500px; |
|||
position: fixed !important; |
|||
top:16px; |
|||
left: 16px; |
|||
} |
|||
|
|||
// 状态颜色 |
|||
.statusGray { |
|||
color: #c0c4cc; |
|||
} |
|||
// 状态颜色 |
|||
.statusGray { |
|||
color: #c0c4cc; |
|||
} |
|||
|
|||
.statusGreen { |
|||
color: #10b884; |
|||
} |
|||
.statusGreen { |
|||
color: #10b884; |
|||
} |
|||
|
|||
.statusRed { |
|||
color: red; |
|||
} |
|||
.statusRed { |
|||
color: red; |
|||
} |
|||
|
|||
.view-none { |
|||
width: 100%; |
|||
font-size: 16px !important; |
|||
line-height: 50px; |
|||
color: #909399; |
|||
text-align: center; |
|||
} |
|||
.view-none { |
|||
width: 100%; |
|||
font-size: 16px !important; |
|||
line-height: 50px; |
|||
color: #909399; |
|||
text-align: center; |
|||
} |
|||
|
|||
/deep/.uni-pagination__num-tag { |
|||
width: 30px !important; |
|||
min-width: 30px !important; |
|||
height: 30px !important; |
|||
font-size: 16px !important; |
|||
} |
|||
::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-60 { |
|||
min-width: 60px !important; |
|||
} |
|||
|
|||
.width-100 { |
|||
min-width: 100px !important; |
|||
} |
|||
.width-100 { |
|||
min-width: 100px !important; |
|||
} |
|||
|
|||
.width-160 { |
|||
min-width: 160px !important; |
|||
} |
|||
.width-160 { |
|||
min-width: 160px !important; |
|||
} |
|||
|
|||
.width-250 { |
|||
min-width: 250px !important; |
|||
} |
|||
.width-250 { |
|||
min-width: 250px !important; |
|||
} |
|||
|
|||
.uni-select__input-box, |
|||
.uni-select { |
|||
height: 40px !important; |
|||
} |
|||
.uni-select__input-box, |
|||
.uni-select { |
|||
height: 40px !important; |
|||
} |
|||
|
|||
.uni-select { |
|||
font-size: 16px !important; |
|||
} |
|||
.uni-select { |
|||
font-size: 16px !important; |
|||
} |
|||
|
|||
.uni-select__input-placeholder { |
|||
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-input, |
|||
uni-input { |
|||
border-radius: 5px; |
|||
height: 38px !important; |
|||
font-size: 16px !important; |
|||
} |
|||
|
|||
uni-input { |
|||
padding: 0 10px; |
|||
} |
|||
uni-input { |
|||
padding: 0 10px; |
|||
} |
|||
|
|||
.uni-icons { |
|||
font-size: 24px !important; |
|||
} |
|||
.uni-icons { |
|||
font-size: 24px !important; |
|||
} |
|||
|
|||
.u-popup__content { |
|||
background-color: rgba(0, 0, 0, 0) !important; |
|||
} |
|||
.u-popup__content { |
|||
background-color: rgba(0, 0, 0, 0) !important; |
|||
} |
|||
|
|||
.uni-input-placeholder { |
|||
font-size: 16px; |
|||
line-height: 40px; |
|||
} |
|||
.uni-input-placeholder { |
|||
font-size: 16px; |
|||
line-height: 40px; |
|||
} |
|||
|
|||
.u-input--square { |
|||
height: 28px !important; |
|||
padding: 6px 9px !important; |
|||
} |
|||
.u-input--square { |
|||
height: 28px !important; |
|||
padding: 6px 9px !important; |
|||
} |
|||
|
|||
.u-input__content__field-wrapper__field { |
|||
font-size: 16px !important; |
|||
} |
|||
.u-input__content__field-wrapper__field { |
|||
font-size: 16px !important; |
|||
} |
|||
|
|||
uni-video { |
|||
width: 100% !important; |
|||
height: 100% !important; |
|||
} |
|||
uni-video { |
|||
width: 100% !important; |
|||
height: 100% !important; |
|||
} |
|||
|
|||
.u-toast { |
|||
font-size: 30px !important; |
|||
} |
|||
.u-toast { |
|||
font-size: 30px !important; |
|||
} |
|||
|
|||
// 时间选择样式 |
|||
.u-picker { |
|||
background: #fff; |
|||
} |
|||
// 时间选择样式 |
|||
.u-picker { |
|||
background: #fff; |
|||
} |
|||
|
|||
.u-toolbar__wrapper__cancel, |
|||
.u-toolbar__wrapper__confirm, |
|||
.u-toolbar__title { |
|||
font-size: 26px !important; |
|||
} |
|||
</style> |
|||
.u-toolbar__wrapper__cancel, |
|||
.u-toolbar__wrapper__confirm, |
|||
.u-toolbar__title { |
|||
font-size: 26px !important; |
|||
} |
|||
</style> |
|||
|
|||
Loading…
Reference in new issue