index.js
1.62 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
import Taro, {Component} from '@tarojs/taro';
import { Swiper, SwiperItem, Image } from '@tarojs/components';
import {getImgUrl} from '../../utils';
import './index.scss';
import router from '../../router/index';
import event from '../../utils/event';
export default class Focus extends Component {
constructor(props) {
super(props);
this.state = {};
}
static defaultProps = {
floor: [],
floorId: 0,
floorName: '',
floorIdx: 0
}
componentWillMount() {}
componentDidMount() {
}
componentWillUnmount() {}
componentDidShow() {
}
componentDidHide() {}
goToResource(item, idx) {
const {
floorId,
floorName,
floorIdx
} = this.props;
const params = {
F_ID: floorId,
F_NAME: floorName,
F_INDEX: floorIdx,
F_URL: item.url,
I_INDEX: idx
};
event.emit('report-main-event', params);
router.goUrl(item.url);
}
render() {
let {floor} = this.props;
return (
<View className='swiper-bg'>
<Swiper
className='index-swiper'
>
{
floor.map((item, index) => {
return (
<SwiperItem key={index}>
<Image onClick={this.goToResource.bind(this, item, index + 1)} src={getImgUrl(item.src, 670, 280)} mode="aspectFill" />
</SwiperItem>
)
})
}
</Swiper>
</View>
)
}
}