|
@@ -1,4 +1,4 @@
|
|
-import React, { useCallback, useState } from 'react'
|
|
|
|
|
|
+import React, { useCallback, useEffect, useState } from 'react'
|
|
import styles from './index.module.scss'
|
|
import styles from './index.module.scss'
|
|
import A21vrOff from './components/A21vrOff'
|
|
import A21vrOff from './components/A21vrOff'
|
|
import A22hotListWrap from './components/A22hotListWrap'
|
|
import A22hotListWrap from './components/A22hotListWrap'
|
|
@@ -9,25 +9,36 @@ import { RootState } from '@/store'
|
|
import classNames from 'classnames'
|
|
import classNames from 'classnames'
|
|
import A3hotList from '../A3hotList'
|
|
import A3hotList from '../A3hotList'
|
|
import { message } from 'antd'
|
|
import { message } from 'antd'
|
|
-
|
|
|
|
|
|
+import http from '@/utils/http'
|
|
const imgArrTemp = ['like.png', 'likeAc.png']
|
|
const imgArrTemp = ['like.png', 'likeAc.png']
|
|
const imgArr = imgArrTemp.map(item => require(`@/assets/img/${item}`))
|
|
const imgArr = imgArrTemp.map(item => require(`@/assets/img/${item}`))
|
|
|
|
|
|
function A2main() {
|
|
function A2main() {
|
|
|
|
+ const sceneCode = 'mm-1562'
|
|
// 漫游的状态
|
|
// 漫游的状态
|
|
const { state3d } = useSelector((state: RootState) => state.three)
|
|
const { state3d } = useSelector((state: RootState) => state.three)
|
|
|
|
|
|
// 点赞
|
|
// 点赞
|
|
const [like, setLike] = useState(false)
|
|
const [like, setLike] = useState(false)
|
|
const [likeNum, setLikeNum] = useState(1)
|
|
const [likeNum, setLikeNum] = useState(1)
|
|
|
|
+ const [viewNum, setViewNum] = useState(1)
|
|
|
|
+
|
|
|
|
+ useEffect(() => {
|
|
|
|
+ http.get(`https://count.4dage.com/api/count/detail/${sceneCode}`).then(res => {
|
|
|
|
+ setLikeNum(res.data.starSum!)
|
|
|
|
+ setViewNum(res.data.visitSum!)
|
|
|
|
+ })
|
|
|
|
+ }, [])
|
|
|
|
|
|
// 点击点赞
|
|
// 点击点赞
|
|
const likeFu = useCallback(() => {
|
|
const likeFu = useCallback(() => {
|
|
if (like) return
|
|
if (like) return
|
|
setLike(true)
|
|
setLike(true)
|
|
setTimeout(() => {
|
|
setTimeout(() => {
|
|
- setLikeNum(likeNum + 1)
|
|
|
|
- setLike(false)
|
|
|
|
|
|
+ http.get(`https://count.4dage.com/api/count/saveStar/${sceneCode}`).then(res => {
|
|
|
|
+ setLikeNum(likeNum + 1)
|
|
|
|
+ setLike(false)
|
|
|
|
+ })
|
|
}, 2000)
|
|
}, 2000)
|
|
}, [like, likeNum])
|
|
}, [like, likeNum])
|
|
|
|
|
|
@@ -57,11 +68,6 @@ function A2main() {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
- // 点击浏览量
|
|
|
|
- const handleViewClick = () => {
|
|
|
|
- console.log('点击浏览量')
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
return (
|
|
return (
|
|
<div className={styles.A2main} id='gui' style={{ display: 'none' }}>
|
|
<div className={styles.A2main} id='gui' style={{ display: 'none' }}>
|
|
<A21vrOff />
|
|
<A21vrOff />
|
|
@@ -245,9 +251,9 @@ function A2main() {
|
|
<div className='hoveImg'>分享</div>
|
|
<div className='hoveImg'>分享</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
- <div className='A2_view_box' onClick={handleViewClick}>
|
|
|
|
|
|
+ <div className='A2_view_box'>
|
|
<img src={require('@/assets/img/view.png')} alt='' />
|
|
<img src={require('@/assets/img/view.png')} alt='' />
|
|
- <div className='hoveImg'>浏览量</div>
|
|
|
|
|
|
+ <div className='hoveImg'>浏览量{viewNum}</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div id='vr' className='ui-icon wide hidden' style={{ display: 'none' }}>
|
|
<div id='vr' className='ui-icon wide hidden' style={{ display: 'none' }}>
|