Announcement.tsx

import { Component } from '@tarojs/taro';
import { ComponentClass } from 'react';
import { View, ScrollView, Image, Text } from '@tarojs/components';

import AnnIcon from '../../images/icon/ann_tongzhi_icon@2x.png';

type PageOwnProps = {};
type PageState = {};

interface Announcement {
  props: PageOwnProps;
  state: PageState;
}
class Announcement extends Component {
  render() {
    return (
      <ScrollView className='Announcement' scroll-y>
        <View className='Announcement-item'>
          <Image className='Announcement-item-img' src='' />
          <View className='Announcement-item-Content'>
            <Image className='Announcement-item-icon' src={AnnIcon} />
            <Text className='Announcement-item-title'>关于饮水豆使用说明</Text>
            <Text className='Announcement-item-date'>1543-54-87</Text>
          </View>
        </View>
        <View className='Announcement-item'>
          <Image className='Announcement-item-img' src='' />
          <View className='Announcement-item-Content'>
            <Image className='Announcement-item-icon' src={AnnIcon} />
            <Text className='Announcement-item-title'>关于饮水豆使用说明</Text>
            <Text className='Announcement-item-date'>1543-54-87</Text>
          </View>
        </View>
        <View className='Announcement-item'>
          <Image className='Announcement-item-img' src='' />
          <View className='Announcement-item-Content'>
            <Image className='Announcement-item-icon' src={AnnIcon} />
            <Text className='Announcement-item-title'>关于饮水豆使用说明</Text>
            <Text className='Announcement-item-date'>1543-54-87</Text>
          </View>
        </View>
        <View className='Announcement-item'>
          <Image className='Announcement-item-img' src='' />
          <View className='Announcement-item-Content'>
            <Image className='Announcement-item-icon' src={AnnIcon} />
            <Text className='Announcement-item-title'>关于饮水豆使用说明</Text>
            <Text className='Announcement-item-date'>1543-54-87</Text>
          </View>
        </View>
        <View className='Announcement-item'>
          <Image className='Announcement-item-img' src='' />
          <View className='Announcement-item-Content'>
            <Image className='Announcement-item-icon' src={AnnIcon} />
            <Text className='Announcement-item-title'>关于饮水豆使用说明</Text>
            <Text className='Announcement-item-date'>1543-54-87</Text>
          </View>
        </View>
      </ScrollView>
    );
  }
}

export default Announcement as ComponentClass;