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