import Taro, { Component } from '@tarojs/taro'
import { View, Image, Navigator } from '@tarojs/components'
import Footer from '@/c/footer'

import './sxf.scss'

class Index extends Component {

  config = {
    navigationBarTitleText: '三限房攻略',
  }

  constructor (props) {
    super(props)
    this.state = {}
  }

  componentWillMount () {}


  renderEntry () {
    const iconSign = require('@img/icon_sign_right.png')
    const icon5 = require('./img/icon5_09.png')
    const icon6 = require('./img/icon5_10.png')
    const icon7 = require('./img/icon5_11.png')
    const icon8 = require('./img/icon5_12.png')
    return (
      <View className="center-entry">
        <Navigator url="/pagesHouse/list?type=zzyh&name=正在摇号'" className="entry-op">
          <Image src={icon7} className="entry-icon"></Image>
          <View className="entry-text">正在摇号的楼盘</View>
          <View className="entry-right">
            <Image src={iconSign} className="sign"></Image>
          </View>
        </Navigator>
        <Navigator url="/pagesMore/center/webViews?url=https://mp.weixin.qq.com/s/SWJybCmv5MCdLYnBUwJw5Q" className="entry-op">
          <Image src={icon5} className="entry-icon"></Image>
          <View className="entry-text">什么是三限房？</View>
          <View className="entry-right">
            <Image src={iconSign} className="sign"></Image>
          </View>
        </Navigator>
        <Navigator url="/pagesMore/center/webViews?url=https://mp.weixin.qq.com/s/yvPTx1AkufLtFobuEZlNTQ" className="entry-op">
          <Image src={icon6} className="entry-icon"></Image>
          <View className="entry-text">三限房申购流程</View>
          <View className="entry-right">
            <Image src={iconSign} className="sign"></Image>
          </View>
        </Navigator>
        <Navigator url="/pagesMore/center/webViews?url=https://mp.weixin.qq.com/s/laCq8pL42wlNy2yfY0_mOw" className="entry-op">
          <Image src={icon8} className="entry-icon"></Image>
          <View className="entry-text">买二手房须知</View>
          <View className="entry-right">
            <Image src={iconSign} className="sign"></Image>
          </View>
        </Navigator>
      </View>
    )
  }

  render () {
    return (
      <View className="l-box has-footer">
        {this.renderEntry()}
        <Footer current={2} />
      </View>
    )
  }
}

export default Index
