@ -1,4 +1,3 @@
原始文件 原始文件
永久链接 永久链接
Blame Blame
@ -7,7 +6,7 @@ Blame
< view class = "main" > < view class = "main" >
<!-- nav -- > <!-- nav -- >
< view class = "nav-head" > < view class = "nav-head" >
< u -button class = "serviceButton" color = "#323045" > { { i18n . customerService } } < / u - b u t t o n > < u -button class = "serviceButton" color = "#323045" @click ="getContact" > {{ i18n.customerService }} < / u -button >
< view class = "languageBtn" @ click.stop = " languageShow = true " > < view class = "languageBtn" @ click.stop = " languageShow = true " >
{ { langTrue } } { { langTrue } }
< / view > < / view >
@ -21,11 +20,11 @@ Blame
< u -swiper class = "swiper" :list ="swiperList" previousMargin = "48rpx" nextMargin = "80rpx" circular :autoplay ="true" < u -swiper class = "swiper" :list ="swiperList" previousMargin = "48rpx" nextMargin = "80rpx" circular :autoplay ="true"
radius = "32rpx" bgColor = "rgba(0,0,0,0)" height = "360rpx" > < / u - s w i p e r > radius = "32rpx" bgColor = "rgba(0,0,0,0)" height = "360rpx" > < / u - s w i p e r >
<!-- 消息 -- > <!-- 消息 -- >
< view class = "message" @ click = "popupShow = true" > < view class = "message" >
< u -icon class = "icon" name = "../../static/home/ic_proclamation.png" size = "60rpx" width = "60rpx" > < / u - i c o n > < u -icon class = "icon" name = "../../static/home/ic_proclamation.png" size = "60rpx" width = "60rpx" > < / u - i c o n >
<!-- < view class = "text" > { { i18n . homeMessage } } < / view > -- > <!-- < view class = "text" > { { i18n . homeMessage } } < / view > -- >
< u -notice -bar class = "notice" :text ="messageList" icon = "" fontSize = "24rpx" bgColor = "#211F32" color = "#fff" < u -notice -bar class = "notice" :text ="messageList" icon = "" fontSize = "24rpx" bgColor = "#211F32" color = "#fff"
direction = "column" > direction = "column" @ click = "go('/pages/me/notification')" >
< / u - n o t i c e - b a r > < / u - n o t i c e - b a r >
< / view > < / view >
<!-- 三个按钮 -- > <!-- 三个按钮 -- >
@ -69,16 +68,16 @@ Blame
< video class = "video" v -show = " videoShow " id = "video" :enable-progress-gesture ="false" autoplay = "true" < video class = "video" v -show = " videoShow " id = "video" :enable-progress-gesture ="false" autoplay = "true"
: src = "videoUrl" controls x5 - video - player - type = "h5-page" @ fullscreenchange = "ifStopVideo" > < / video > : src = "videoUrl" controls x5 - video - player - type = "h5-page" @ fullscreenchange = "ifStopVideo" > < / video >
<!-- 通知弹出层 -- > <!-- 通知弹出层 -- >
< u -popup class = "popup" :show ="popupShow "round = "32rpx" mode = "center" @ close = "popupShow = false" < u -popup class = "popup" v -if = " popupShow " round = "32rpx" mode = "center" @ close = "popupShow = false"
@ open = "popupShow = true" bgColor = "#211F32" : customStyle = " { @ open = "popupShow = true" bgColor = "#211F32" : customStyle = " {
margin : 'auto 102rpx auto 118rpx' , margin : 'auto 102rpx auto 118rpx' ,
} " > } " >
< view class = "content" > < view class = "content" >
< scroll -view scroll -y = " true " style = "height: 288rpx;" scroll -with -animation = " true " < scroll -view scroll -y = " true " style = "max- height: 288rpx;" scroll -with -animation = " true "
@ touchmove . stop . prevent = "" > @ touchmove . stop . prevent = "" >
{ { i18n . homeMessage } } < view class = "" v-html ="contentFirst" > < / view >
< / s c r o l l - v i e w > < / s c r o l l - v i e w >
< u -button class = "button" color = "#00E8A2" @ click = "popupShow = false "> OK < / u - b u t t o n > < u -button class = "button" color = "#00E8A2" @click ="toRead" :throttleTime ="500 "> OK < / u - b u t t o n >
< / view > < / view >
< / u - p o p u p > < / u - p o p u p >
<!-- tabBar -- > <!-- tabBar -- >
@ -87,38 +86,42 @@ Blame
< / template > < / template >
< script > < script >
import languagePopups from '@/components/language-popups/language-popups.vue' import languagePopups from '@/components/language-popups/language-popups.vue'
import languageData from '@/utils/language/config' import languageData from '@/utils/language/config'
import api from '@/utils/api' import api from '@/utils/api'
/ / 引 入 e c h a r t s import constant from '@/utils/constant.js' ;
/ / i m p o r t * a s e c h a r t s f r o m ' e c h a r t s ' ; / / 引 入 e c h a r t s
/ / l e t v i d e o P l a y e r O b j = { } ; / / i m p o r t * a s e c h a r t s f r o m ' e c h a r t s ' ;
let videoPlayer ; / / l e t v i d e o P l a y e r O b j = { } ;
let myChart ; let videoPlayer ;
export default { let myChart ;
export default {
name : 'home' , name : 'home' ,
components : { languagePopups } , components : {
languagePopups
} ,
data ( ) { data ( ) {
return { return {
/ / 展 示 的 公 告 数 据 未 读 的
contentFirst : '' ,
/ / 记 录 还 剩 多 少 未 读 的 是 否 显 示 弹 框
noticeId : null ,
/ / 公 告
notice : [ ] ,
/ / 公 告 详 情
noticeDetail : { } ,
baseURL : '' ,
languageShow : false , languageShow : false ,
langTrue : languageData [ 0 ] . title || 'English' , langTrue : languageData [ 0 ] . title || 'English' ,
languageData , languageData ,
popupShow : false , popupShow : true ,
messageList : [ messageList : [ ] ,
` Please contact customer service on the top-left corner for identity verification on your first Please contact customer service on the top-left corner for identity verification on your first...Please contact customer service on the top-left corner for identity verification on your first... ` ,
` Please contact customer service on the top-left corner for identity verification on your first Please contact customer service on the top-left corner for identity verification on your first...Please contact customer service on the top-left corner for identity verification on your first... ` ,
` Please contact customer service on the top-left corner for identity verification on your first Please contact customer service on the top-left corner for identity verification on your first...Please contact customer service on the top-left corner for identity verification on your first... ` ,
` Please contact customer service on the top-left corner for identity verification on your first Please contact customer service on the top-left corner for identity verification on your first...Please contact customer service on the top-left corner for identity verification on your first... ` ,
] ,
swiperList : [ swiperList : [
'https://cdn.uviewui.com/uview/swiper/swiper1.png' ,
'https://cdn.uviewui.com/uview/swiper/swiper2.png' ,
'https://cdn.uviewui.com/uview/swiper/swiper3.png' ,
] , ] ,
videoShow : false , videoShow : false ,
videoUrl : '' , videoUrl : '' ,
videoList : [ videoList : [ {
{
url : 'https://cdn.uviewui.com/uview/resources/video.mp4' , url : 'https://cdn.uviewui.com/uview/resources/video.mp4' ,
title : 'Video name 1' , title : 'Video name 1' ,
poster : 'https://cdn.uviewui.com/uview/swiper/swiper1.png' poster : 'https://cdn.uviewui.com/uview/swiper/swiper1.png'
@ -141,13 +144,15 @@ export default {
] , ] ,
option : null , option : null ,
stepsNum : 5000 , / / 当 前 步 数 stepsNum : 5000 , / / 当 前 步 数
stepTarget : 10000 , / / 目 标 步 数 stepTarget : 10000 , / / 目 标 步 数
myChart : null , myChart : null ,
} }
} , } ,
onLoad ( ) { onLoad ( ) {
this . baseURL = constant . BASE_URL
this . getbanner ( ) ;
this . noticeList ( ) ;
this . getContact ( )
} , } ,
onShow ( ) { onShow ( ) {
/ / 生 成 播 放 器 队 列 对 象 / / 生 成 播 放 器 队 列 对 象
@ -163,7 +168,7 @@ export default {
if ( uni . getStorageSync ( 'langTrue' ) ) { if ( uni . getStorageSync ( 'langTrue' ) ) {
this . langTrue = uni . getStorageSync ( 'langTrue' ) this . langTrue = uni . getStorageSync ( 'langTrue' )
} }
this . getbanner ( ) ;
} , } ,
onHide ( ) { onHide ( ) {
@ -175,9 +180,70 @@ export default {
} }
} , } ,
methods : { methods : {
/ / 获 取 客 服 联 系 方 式
getContact ( ) {
api . customerService ( { } ) . then ( res => {
if ( res . errCode == 'SYS.0012' ) {
uni . $u . toast ( res . errMsg ) ;
} else {
/ / # i f d e f A P P - P L U S
plus . runtime . openURL ( res . url ) ;
/ / # e n d i f
/ / # i f d e f H 5
window . location . href = res . url
/ / # e n d i f
}
} )
} ,
/ / 获 取 未 读 的 公 告
getNoReadNotice ( ) {
for ( var i = 0 ; i < this . notice . length ; i ++ ) {
if ( this . notice [ i ] . isRead == 'no' ) {
this . contentFirst = this . notice [ i ] . content
this . noticeId = this . notice [ i ] . id
}
}
if ( ! this . noticeId ) {
this . popupShow = false
}
} ,
go ( url ) {
uni . navigateTo ( {
url : url
} )
} ,
toRead ( ) {
api . noticeRead ( {
noticeId : this . noticeId
} ) . then ( res => {
this . noticeId = null ;
this . popupShow = false
this . getNoReadNotice ( )
console . log ( res , '已经读了吗' )
} )
} ,
/ / 公 告
noticeList ( ) {
api . noticeList ( { } ) . then ( res => {
this . notice = res ;
for ( var i = 0 ; i < res . length ; i ++ ) {
this . messageList . push ( res [ i ] . title )
}
/ / 获 取 未 读 的 公 告
this . getNoReadNotice ( )
} )
} ,
/ / 轮 播
getbanner ( ) { getbanner ( ) {
const indexBanner = api . indexBanner ( { 'mark' : 'APP_INDEX' } ) ; api . indexBanner ( {
console . log ( indexBanner ) 'mark' : 'APP_INDEX'
} ) . then ( res => {
for ( var i = 0 ; i < res . length ; i ++ ) {
this . swiperList . push ( this . baseURL + res [ i ] . adImgPath )
}
} )
} , } ,
/ / 弹 出 语 言 选 择 框 / / 弹 出 语 言 选 择 框
laug ( ) { laug ( ) {
@ -219,7 +285,9 @@ export default {
playVideo ( data ) { playVideo ( data ) {
this . videoUrl = data . url ; this . videoUrl = data . url ;
this . videoShow = true ; this . videoShow = true ;
videoPlayer . requestFullScreen ( { direction : 0 } ) videoPlayer . requestFullScreen ( {
direction : 0
} )
} , } ,
/ * * / * *
* 跳转 * 跳转
@ -296,8 +364,7 @@ export default {
} , } ,
data : [ { data : [ {
value : + this . stepsNum / this . stepTarget value : + this . stepsNum / this . stepTarget ,
,
name : '步数' , name : '步数' ,
itemStyle : { itemStyle : {
color : new echarts . graphic . LinearGradient ( 0 , 0 , 0 , 1 , [ { color : new echarts . graphic . LinearGradient ( 0 , 0 , 0 , 1 , [ {
@ -309,8 +376,7 @@ export default {
} , { } , {
offset : 1 , offset : 1 ,
color : '#0589FF' color : '#0589FF'
} } ] ) ,
] ) ,
borderRadius : 800 , borderRadius : 800 ,
@ -334,8 +400,7 @@ export default {
/ / } ) ; / / } ) ;
} }
} }
} }
< / script > < / script >
< script module = "echarts" lang = "renderjs" > < script module = "echarts" lang = "renderjs" >
@ -345,7 +410,7 @@ export default {
/ / t h i s . i n i t E c h a r t s ( ) ; / / t h i s . i n i t E c h a r t s ( ) ;
if ( typeof window . echarts === 'object' ) { if ( typeof window . echarts === 'object' ) {
this . initEcharts ( ) this . initEcharts ( )
} else if ( typeof window . echarts === 'function' ) { } else if ( typeof window . echarts === 'function' ) {
this . initEcharts ( ) this . initEcharts ( )
} else { } else {
/ / 动 态 引 入 较 大 类 库 避 免 影 响 页 面 展 示 / / 动 态 引 入 较 大 类 库 避 免 影 响 页 面 展 示
@ -413,8 +478,7 @@ export default {
} , } ,
data : [ { data : [ {
value : + this . stepsNum / this . stepTarget value : + this . stepsNum / this . stepTarget ,
,
name : '步数' , name : '步数' ,
itemStyle : { itemStyle : {
color : new echarts . graphic . LinearGradient ( 0 , 0 , 0 , 1 , [ { color : new echarts . graphic . LinearGradient ( 0 , 0 , 0 , 1 , [ {
@ -426,8 +490,7 @@ export default {
} , { } , {
offset : 1 , offset : 1 ,
color : '#0589FF' color : '#0589FF'
} } ] ) ,
] ) ,
borderRadius : 800 , borderRadius : 800 ,
} }
} , } ,
@ -460,7 +523,7 @@ export default {
< / script > < / script >
< style lang = "scss" scoped > < style lang = "scss" scoped >
. main { . main {
padding - bottom : 198 rpx ; / / 避 免 底 部 T a b B a r 盖 住 内 容 padding - bottom : 198 rpx ; / / 避 免 底 部 T a b B a r 盖 住 内 容
. nav - head { . nav - head {
@ -705,5 +768,5 @@ export default {
} }
} }
< / style > < / style >
