import React from 'react'
import { View } from '@tarojs/components'
import { SpImage, SpPage } from '@/components'
import Taro from '@tarojs/taro'
import './story.scss'


export default function story () {
  const windowWidth = Taro.getSystemInfoSync().windowWidth
  return (
    <SpPage className='page-home-story has-navbar' isBlack showNavSearchIcon title={<SpImage src={`member/logo-black.png`} height={34} mode='heightFix' isNew />}>
      <SpImage width={windowWidth * 2} mode='widthFix' src="index/story/story-1.jpg" isShowMenuByLongpress={false} lazyLoad isNew></SpImage>
      <SpImage width={windowWidth * 2} mode='widthFix' src="index/story/story-2.jpg" isShowMenuByLongpress={false} lazyLoad isNew></SpImage>
      <SpImage width={windowWidth * 2} mode='widthFix' src="index/story/story-3.jpg" isShowMenuByLongpress={false} lazyLoad isNew></SpImage>
      <SpImage width={windowWidth * 2} mode='widthFix' src="index/story/story-4.jpg" isShowMenuByLongpress={false} lazyLoad isNew></SpImage>
      <View className="boback-btn" onClick={() => Taro.navigateBack({ delta: 1 })}></View>
    </SpPage>
  )
}