Announcement.tsx 2.6 KB
Newer Older
姜雷 committed
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
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;