168 lines
3.0 KiB
Vue
168 lines
3.0 KiB
Vue
<script>
|
|
import Vue from 'vue'
|
|
export default {
|
|
onLaunch: function() {
|
|
uni.getSystemInfo({
|
|
success: function(e) {
|
|
// #ifndef MP
|
|
Vue.prototype.StatusBar = e.statusBarHeight;
|
|
if (e.platform == 'android') {
|
|
Vue.prototype.CustomBar = e.statusBarHeight + 50;
|
|
} else {
|
|
Vue.prototype.CustomBar = e.statusBarHeight + 45;
|
|
};
|
|
// #endif
|
|
|
|
// #ifdef MP-WEIXIN || MP-QQ
|
|
Vue.prototype.StatusBar = e.statusBarHeight;
|
|
let capsule = wx.getMenuButtonBoundingClientRect();
|
|
if (capsule) {
|
|
Vue.prototype.Custom = capsule;
|
|
// Vue.prototype.capsuleSafe = uni.upx2px(750) - capsule.left + uni.upx2px(750) - capsule.right;
|
|
Vue.prototype.CustomBar = capsule.bottom + capsule.top - e.statusBarHeight;
|
|
} else {
|
|
Vue.prototype.CustomBar = e.statusBarHeight + 50;
|
|
}
|
|
// #endif
|
|
|
|
|
|
// #ifdef MP-ALIPAY
|
|
Vue.prototype.StatusBar = e.statusBarHeight;
|
|
Vue.prototype.CustomBar = e.statusBarHeight + e.titleBarHeight;
|
|
// #endif
|
|
}
|
|
})
|
|
// #ifdef APP-PLUS
|
|
plus.screen.lockOrientation('portrait-primary');
|
|
// #endif
|
|
|
|
Vue.prototype.ColorList = [{
|
|
title: '嫣红',
|
|
name: 'red',
|
|
color: '#e54d42'
|
|
},
|
|
{
|
|
title: '桔橙',
|
|
name: 'orange',
|
|
color: '#f37b1d'
|
|
},
|
|
{
|
|
title: '明黄',
|
|
name: 'yellow',
|
|
color: '#fbbd08'
|
|
},
|
|
{
|
|
title: '橄榄',
|
|
name: 'olive',
|
|
color: '#8dc63f'
|
|
},
|
|
{
|
|
title: '森绿',
|
|
name: 'green',
|
|
color: '#39b54a'
|
|
},
|
|
{
|
|
title: '天青',
|
|
name: 'cyan',
|
|
color: '#1cbbb4'
|
|
},
|
|
{
|
|
title: '海蓝',
|
|
name: 'blue',
|
|
color: '#0081ff'
|
|
},
|
|
{
|
|
title: '姹紫',
|
|
name: 'purple',
|
|
color: '#6739b6'
|
|
},
|
|
{
|
|
title: '木槿',
|
|
name: 'mauve',
|
|
color: '#9c26b0'
|
|
},
|
|
{
|
|
title: '桃粉',
|
|
name: 'pink',
|
|
color: '#e03997'
|
|
},
|
|
{
|
|
title: '棕褐',
|
|
name: 'brown',
|
|
color: '#a5673f'
|
|
},
|
|
{
|
|
title: '玄灰',
|
|
name: 'grey',
|
|
color: '#8799a3'
|
|
},
|
|
{
|
|
title: '草灰',
|
|
name: 'gray',
|
|
color: '#aaaaaa'
|
|
},
|
|
{
|
|
title: '墨黑',
|
|
name: 'black',
|
|
color: '#333333'
|
|
},
|
|
{
|
|
title: '雅白',
|
|
name: 'white',
|
|
color: '#ffffff'
|
|
},
|
|
]
|
|
|
|
},
|
|
onShow: function() {
|
|
console.log('App Show')
|
|
},
|
|
onHide: function() {
|
|
console.log('App Hide')
|
|
}
|
|
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
@import "colorui/main.css";
|
|
@import "colorui/icon.css";
|
|
@import "colorui/unit.css";
|
|
@import "colorui/common.scss";
|
|
|
|
uni-swiper .uni-swiper-dot {
|
|
background: rgba(0,0,0,.1);
|
|
}
|
|
|
|
uni-swiper .uni-swiper-dot-active {
|
|
background-color: #c1c1c1;
|
|
}
|
|
@keyframes show {
|
|
0% {
|
|
transform: translateY(-50px);
|
|
}
|
|
|
|
60% {
|
|
transform: translateY(40upx);
|
|
}
|
|
|
|
100% {
|
|
transform: translateY(0px);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes show {
|
|
0% {
|
|
transform: translateY(-50px);
|
|
}
|
|
|
|
60% {
|
|
transform: translateY(40upx);
|
|
}
|
|
|
|
100% {
|
|
transform: translateY(0px);
|
|
}
|
|
}
|
|
</style>
|