157 lines
3.0 KiB
Vue
157 lines
3.0 KiB
Vue
|
<script>
|
||
|
|
import {
|
||
|
|
mapMutations
|
||
|
|
} from 'vuex'
|
||
|
|
import {
|
||
|
|
version
|
||
|
|
} from './package.json'
|
||
|
|
// #ifdef APP
|
||
|
|
import checkUpdate from '@/uni_modules/uni-upgrade-center-app/utils/check-update';
|
||
|
|
// #endif
|
||
|
|
|
||
|
|
export default {
|
||
|
|
onLaunch: function() {
|
||
|
|
// 线上示例使用
|
||
|
|
// console.log('%c uni-app官方团队诚邀优秀前 端工程师加盟，一起打造更卓越的uni-app & uniCloud，欢迎投递简历到 hr2013@dcloud.io', 'color: red');
|
||
|
|
console.log('App Launch');
|
||
|
|
},
|
||
|
|
onShow: function() {
|
||
|
|
console.log('App Show')
|
||
|
|
},
|
||
|
|
onHide: function() {
|
||
|
|
console.log('App Hide')
|
||
|
|
},
|
||
|
|
globalData: {
|
||
|
|
test: ''
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
...mapMutations(['setUniverifyErrorMsg', 'setUniverifyLogin'])
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss">
|
||
|
|
@import 'uni_modules/uview-ui/index.scss';
|
||
|
|
@import '@/uni_modules/uni-scss/index.scss';
|
||
|
|
/* #ifndef APP-PLUS-NVUE */
|
||
|
|
/* uni.css - 通用组件、模板样式库，可以当作一套ui库应用 */
|
||
|
|
@import './common/uni.css';
|
||
|
|
@import '@/static/customicons.css';
|
||
|
|
/* H5 兼容 pc 所需 */
|
||
|
|
/* #ifdef H5 */
|
||
|
|
@media screen and (min-width: 768px) {
|
||
|
|
body {
|
||
|
|
overflow-y: scroll;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 设置所有页面最大宽度为 650px */
|
||
|
|
.uni-app {
|
||
|
|
max-width: 650px;
|
||
|
|
margin: 0 auto;
|
||
|
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 确保页面内容也受最大宽度限制 */
|
||
|
|
uni-page-body {
|
||
|
|
max-width: 650px;
|
||
|
|
margin: 0 auto;
|
||
|
|
background-color: #F5F5F5 !important;
|
||
|
|
min-height: 100% !important;
|
||
|
|
height: auto !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 顶栏通栏样式 */
|
||
|
|
/* .uni-top-window {
|
||
|
|
left: 0;
|
||
|
|
right: 0;
|
||
|
|
} */
|
||
|
|
|
||
|
|
.uni-top-window uni-tabbar .uni-tabbar {
|
||
|
|
background-color: #fff !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 隐藏默认 tabBar（使用自定义 tabBar 时） */
|
||
|
|
/* #ifdef H5 */
|
||
|
|
.uni-tabbar,
|
||
|
|
.uni-tabbar__bd,
|
||
|
|
uni-tabbar {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
/* #endif */
|
||
|
|
|
||
|
|
.uni-app--showleftwindow .hideOnPc {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* #endif */
|
||
|
|
|
||
|
|
/* 以下样式用于 hello uni-app 演示所需 */
|
||
|
|
page {
|
||
|
|
background-color:#F2F2F2;
|
||
|
|
height: 100%;
|
||
|
|
font-size: 28rpx;
|
||
|
|
/* line-height: 1.8; */
|
||
|
|
}
|
||
|
|
.fix-pc-padding {
|
||
|
|
padding: 0 50px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.uni-header-logo {
|
||
|
|
padding: 30rpx;
|
||
|
|
flex-direction: column;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
margin-top: 10rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.uni-header-image {
|
||
|
|
width: 100px;
|
||
|
|
height: 100px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.uni-hello-text {
|
||
|
|
color: #7A7E83;
|
||
|
|
}
|
||
|
|
|
||
|
|
.uni-hello-addfile {
|
||
|
|
text-align: center;
|
||
|
|
line-height: 300rpx;
|
||
|
|
background: #FFF;
|
||
|
|
padding: 50rpx;
|
||
|
|
margin-top: 10px;
|
||
|
|
font-size: 38rpx;
|
||
|
|
color: #808080;
|
||
|
|
}
|
||
|
|
.movable-area {
|
||
|
|
//可以移动的范围
|
||
|
|
height: 100vh;
|
||
|
|
width: 750rpx;
|
||
|
|
top: 0;
|
||
|
|
position: fixed;
|
||
|
|
pointer-events: none;//此处要加，鼠标事件可以渗透
|
||
|
|
z-index: 11;
|
||
|
|
.movable-view {
|
||
|
|
//按钮大小
|
||
|
|
width:128rpx;
|
||
|
|
height:128rpx;
|
||
|
|
pointer-events: auto;//恢复鼠标事件
|
||
|
|
.index{
|
||
|
|
width: 128rpx;
|
||
|
|
height: 128rpx;
|
||
|
|
border-radius: 50%;
|
||
|
|
background-color: #fff;
|
||
|
|
font-size: 16rpx;
|
||
|
|
line-height: 50rpx;
|
||
|
|
text-align: center;
|
||
|
|
image {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
/* #endif*/
|
||
|
|
</style>
|