@ -2,47 +2,120 @@
< v -page >
< v -header :title ="$t('common.service')" > < / v - h e a d e r >
< view class = "onsczone" >
< web -view :src ="csurl" style = "margin-top: 3rem;" > < / w e b - v i e w >
< web -view v-if ="isLoad" :src="csurl" style="margin-top: 3rem;" > < / web -view >
< view style = "display: flex;justify-content: center;align-items: center;" v-else >
< div class = "loader" > < / div >
< div style = "font-size: 20px;margin-left: 10px;" > { { $t ( 'common.loading' ) } } < span > ... < / span > < / div >
< / view >
< / view >
< / v - p a g e >
< / template >
< script >
import Member from "@/api/member" ;
import Home from "@/api/home" ;
export default {
data ( ) {
return {
csurl : "https://sc.moabwalletss.com/chat/?toid=" ,
csurl : "" ,
isLoad : false
}
} ,
mounte d( ) {
onLoa d( ) {
this . mkcslinks ( )
} ,
methods : {
/ / b u i l d
mkcslinks ( ) {
mkcslinks ( ) {
let user = uni . getStorageSync ( 'user' )
if ( user ) {
console . log ( user )
if ( user ) {
let ustr = JSON . parse ( user )
console . log ( ustr )
this . csurl += ustr . referrer + "&room_id=" + ustr . account ;
console . log ( "user" , this . csurl )
/ / l e t u s t r = J S O N . p a r s e ( u s e r )
/ / M e m b e r . g e t U n a m e B y U i d ( { u s e r _ i d : u s t r . r e f e r r e r } ) . t h e n ( r f r e s = > {
/ / t h i s . c s u r l + = r f r e s . u s e r n a m e + " & r o o m _ i d = " + u s t r . a c c o u n t + " & u s i d = " + u s t r . u s e r _ i d ;
/ / } )
/ / c o n s o l e . l o g ( " u s e r " , t h i s . c s u r l )
Member . getUnameByUid ( { user_id : 1 } ) . then ( rfres => {
let rfu = rfres . data ;
/ / q u e r y r e f e r r u n a m e
let chaturl = "https://cs.moabwalletss.com/chat/?toid=" + rfu . username + "&room_id=" + ustr . account + "&usid=" + ustr . user_id ;
/ / t h i s . c s u r l + = r f r e s . u s e r n a m e + " & r o o m _ i d = " + u s t r . a c c o u n t + " & u s i d = " + u s t r . u s e r _ i d ;
/ / c o n s o l e . l o g ( " d d " , c h a t u r l ) ;
this . csurl = chaturl ;
this . isLoad = true ;
if ( this . isLoad === true ) {
this . chatRead ( )
}
} )
console . log ( "user" , this . csurl )
}
} ,
chatRead ( ) {
Home . chatRead ( ) . then ( res => {
console . log ( res , '已读' ) ;
} )
}
}
}
< / script >
< style >
< / style >
< style scoped >
. onsczone {
margin - top : 12 rem ;
}
. loader {
width : 50 px ;
aspect - ratio : 1 ;
display : grid ;
border : 4 px solid # 0000 ;
border - radius : 50 % ;
border - right - color : # 25 b09b ;
animation : l15 1 s infinite linear ;
}
. loader : : before ,
. loader : : after {
content : "" ;
grid - area : 1 / 1 ;
margin : 2 px ;
border : inherit ;
border - radius : 50 % ;
animation : l15 2 s infinite ;
}
. loader : : after {
margin : 8 px ;
animation - duration : 3 s ;
}
< style lang = "less" scoped >
. onsczone {
margin - top : 12 rem ;
@ keyframes l15 {
100 % {
transform : rotate ( 1 turn )
}
}
span {
display : inline - block ;
height : 1 em ;
line - height : 1 ;
text - align : left ;
vertical - align : - .25 em ;
overflow : hidden ;
}
span : : before {
display : block ;
content : '...\A..\A.' ;
white - space : pre - wrap ;
animation : dot 3 s infinite step - start both ;
}
@ keyframes dot {
33 % {
transform : translateY ( - 2 em ) ;
}
}
66 % {
transform : translateY ( - 1 em ) ;
}
}
< / style >
