Taro使用小结

1.不需要注册路由，只需要在app.js里写上文件对应的路径即是路由：

config = {
    pages: [
      'pages/case/index',
      'pages/index/index',
    ],
    window: {
      backgroundTextStyle: 'light',
      navigationBarBackgroundColor: '#fff',
      navigationBarTitleText: 'WeChat',
      navigationBarTextStyle: 'black'
    }
  }

访问路径：http://127.0.0.1:10086/#/pages/solution/index

2.图片引用使用

<Image className='content-catalog-icon' src={require('../../assets/images/solution/icon_P01.png')}></Image>

但如果是使用数组循环时，需要在数组中使用require，而不是html代码中

 

//数据
contentList:[
        {
            id : "safe",
            name : "云安全解决方案",
            icon : require("../images/solution/icon_P01.png"),
            articleList : [{
                articleId:1,
                title:"111111",
                url: 'https://mp.weixin.qq.com/mp/homepage?__biz=MjM5MjcyMjU5NA%3D%3D&hid=11&sn=0a578331a3065e6bf0ad2262c7db6a27&scene=18'
            }]

        },
       
    ]


//js
import solutionList from '../../assets/json/solutions'

render () {
   // 列表
    const contentList = (
      solutionList.contentList.map((item,index) => {
        let content = (<View className="content" id={item.id}>
        <View className="content-catalog">
          <Image className='content-catalog-icon' src={item.icon}></Image>
          <View className="content-catalog-txt">{item.name}</View>
        </View>
        </View>)

        return content
      })
    )


<View>{contentList} </View>

}