345 lines
7.5 KiB
Vue
345 lines
7.5 KiB
Vue
<script>
|
|
import Vue from 'vue'
|
|
import appUpdate from 'common/util/appUpdate.js'
|
|
import api from "@/api/api"
|
|
export default {
|
|
globalData:{
|
|
navTop:0,
|
|
},
|
|
onLaunch: function() {
|
|
var that = this;
|
|
// 版本更新
|
|
if (uni.canIUse('getUpdateManager')) {
|
|
const updateManager = uni.getUpdateManager()
|
|
// 检查小程序是否有新版本发布
|
|
updateManager.onCheckForUpdate(function(res) {
|
|
// 请求完新版本信息的回调
|
|
if (res.hasUpdate) {
|
|
//2. 小程序有新版本，则静默下载新版本，做好更新准备
|
|
updateManager.onUpdateReady(function() {
|
|
uni.showModal({
|
|
title: '更新提示',
|
|
content: '新版本已上线，是否更新？',
|
|
success: function(res) {
|
|
if (res.confirm) {
|
|
//3. 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
|
|
updateManager.applyUpdate()
|
|
} else if (res.cancel) {
|
|
//如果需要强制更新，则给出二次弹窗，如果不需要，则这里的代码都可以删掉了
|
|
}
|
|
}
|
|
})
|
|
})
|
|
updateManager.onUpdateFailed(function() {
|
|
// 新的版本下载失败
|
|
uni.showModal({
|
|
title: '已经有新版本了哟~',
|
|
content: '新版本已经上线啦~，请您删除当前小程序，重新搜索打开哟~',
|
|
})
|
|
})
|
|
}
|
|
})
|
|
} else {
|
|
uni.showModal({
|
|
title: '提示',
|
|
content: '当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。'
|
|
})
|
|
}
|
|
uni.getSystemInfo({
|
|
success: function(e) {
|
|
|
|
// #ifdef APP-PLUS
|
|
// 检测升级
|
|
appUpdate()
|
|
// #endif
|
|
// #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
|
|
Vue.prototype.StatusBar = e.statusBarHeight;
|
|
let menuButtonObject = uni.getMenuButtonBoundingClientRect();//胶囊信息
|
|
let custom = {
|
|
top: menuButtonObject.top,
|
|
bottom: menuButtonObject.bottom,
|
|
right: menuButtonObject.right,
|
|
height: menuButtonObject.height,
|
|
width: menuButtonObject.width
|
|
}
|
|
Vue.prototype.Custom = custom;
|
|
Vue.prototype.CustomBar = custom.bottom + custom.top - e.statusBarHeight;
|
|
// #endif
|
|
|
|
// #ifdef MP-ALIPAY
|
|
Vue.prototype.StatusBar = e.statusBarHeight;
|
|
Vue.prototype.CustomBar = e.statusBarHeight + e.titleBarHeight;
|
|
// #endif
|
|
|
|
// #ifdef APP-PLUS
|
|
//Vue.prototype.$api.listenTranMsg()
|
|
// var info = plus.push.getClientInfo();
|
|
|
|
// /* 5+ push 消息推送 ps:使用:H5+的方式监听，实现推送*/
|
|
// plus.push.addEventListener("click", function(msg) {
|
|
// console.log("click:" + JSON.stringify(msg));
|
|
// console.log(msg.payload);
|
|
// console.log(JSON.stringify(msg));
|
|
// //这里可以写跳转业务代码
|
|
// }, false);
|
|
// // 监听在线消息事件
|
|
// plus.push.addEventListener("receive", function(msg) {
|
|
// // plus.ui.alert(2);
|
|
// //这里可以写跳转业务代码
|
|
// console.log("recevice:" + JSON.stringify(msg))
|
|
// }, false);
|
|
// #endif
|
|
|
|
//Vue.prototype.$api.initLogin()
|
|
|
|
}
|
|
})
|
|
Vue.prototype.NavBarColor='bg-gradual-blue'
|
|
Vue.prototype.Radio_Check_Size='scale(0.7)'
|
|
Vue.prototype.bannerList=[
|
|
{id:1,type: 'image',url: 'https://static.jeecg.com/upload/test/banner0_1595850438042.jpeg', link: ''},
|
|
{id:2,type: 'image',url: 'https://static.jeecg.com/upload/test/banner2_1595818081327.jpg', link: ''},
|
|
{id:3,type: 'image',url: 'https://static.jeecg.com/upload/test/oabanner-2_1595648520760.png', link: ''},
|
|
{id:4,type: 'image',url: 'https://static.jeecg.com/upload/test/banner5_1595818089013.jpeg', link: ''},
|
|
]
|
|
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'
|
|
},
|
|
]
|
|
|
|
},
|
|
onLoad() {
|
|
if(!uni.getStorageSync('third_session')){
|
|
uni.reLaunch({
|
|
url:'/packDetail/pages/login/login'
|
|
})
|
|
}else{
|
|
uni.reLaunch({
|
|
url:'/pages/index/index'
|
|
})
|
|
}
|
|
},
|
|
onShow: function() {
|
|
},
|
|
onHide: function() {
|
|
console.log('App Hide')
|
|
}
|
|
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
@import "plugin/colorui/main.css";
|
|
@import "plugin/colorui/icon.css";
|
|
@import "plugin/colorui/animation.css";
|
|
.nav-list {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
padding: 0px 40upx 0px;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.nav-li {
|
|
padding: 30upx;
|
|
border-radius: 12upx;
|
|
width: 45%;
|
|
margin: 0 2.5% 40upx;
|
|
background-image: url(https://cdn.nlark.com/yuque/0/2019/png/280374/1552996358352-assets/web-upload/cc3b1807-c684-4b83-8f80-80e5b8a6b975.png);
|
|
background-size: cover;
|
|
background-position: center;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.nav-li::after {
|
|
content: "";
|
|
position: absolute;
|
|
z-index: -1;
|
|
background-color: inherit;
|
|
width: 100%;
|
|
height: 100%;
|
|
left: 0;
|
|
bottom: -10%;
|
|
border-radius: 10upx;
|
|
opacity: 0.2;
|
|
transform: scale(0.9, 0.9);
|
|
}
|
|
|
|
.nav-li.cur {
|
|
color: #fff;
|
|
background: rgb(94, 185, 94);
|
|
box-shadow: 4upx 4upx 6upx rgba(94, 185, 94, 0.4);
|
|
}
|
|
|
|
.nav-title {
|
|
font-size: 32upx;
|
|
font-weight: 300;
|
|
}
|
|
|
|
.nav-title::first-letter {
|
|
font-size: 40upx;
|
|
margin-right: 4upx;
|
|
}
|
|
|
|
.nav-name {
|
|
font-size: 28upx;
|
|
text-transform: Capitalize;
|
|
margin-top: 20upx;
|
|
position: relative;
|
|
}
|
|
|
|
.nav-name::before {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
width: 40upx;
|
|
height: 6upx;
|
|
background: #fff;
|
|
bottom: 0;
|
|
right: 0;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.nav-name::after {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
width: 100upx;
|
|
height: 1px;
|
|
background: #fff;
|
|
bottom: 0;
|
|
right: 40upx;
|
|
opacity: 0.3;
|
|
}
|
|
|
|
.nav-name::first-letter {
|
|
font-weight: bold;
|
|
font-size: 36upx;
|
|
margin-right: 1px;
|
|
}
|
|
|
|
.nav-li text {
|
|
position: absolute;
|
|
right: 30upx;
|
|
top: 30upx;
|
|
font-size: 52upx;
|
|
width: 60upx;
|
|
height: 60upx;
|
|
text-align: center;
|
|
line-height: 60upx;
|
|
}
|
|
|
|
.text-light {
|
|
font-weight: 300;
|
|
}
|
|
|
|
@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>
|