examples/mini-program-example/src/pages/component/text/text.js - main - githubmirror/taro

examples/mini-program-example/src/pages/component/text/text.js

62 строки2 KB

刘阳

同步harmony最新开发分支的代码：例子程序

02 апр 2024, 09:33

02 апр 2024, 09:33d958330

import './text.scss'
import React from 'react'
import { View, Text } from '@tarojs/components'

import Header from '../../../components/head/head'
import ComponentState from '../../../components/component_state/component_state'

export default class PageView extends React.Component {
  constructor() {
    super(...arguments)
  }

  render() {
    return (
      <View className='components-page'>
        <View className='components-page__header'>
          <Header title='Text'></Header>
          <ComponentState platform='H5' rate='100'>
            {' '}
          </ComponentState>
        </View>
        <View className='components-page__body'>
          <View className='components-page__body-example example'>
            <View className='example-header'>
              <Text>H5、小程序通用</Text>
            </View>
            <View className='example-body'>
              <View className='example-body__text'>
                <Text selectable>可选择的文字</Text>
              </View>
              <View className='example-body__text'>
                <Text>不可选择的文字</Text>
              </View>
            </View>
          </View>
          <View className='components-page__body-example example'>
            <View className='example-header'>
              <Text>仅工作在小程序</Text>
            </View>
            <View className='example-body'>
              <View className='example-body__text'>
                <Text>不支持多 空格文字</Text>
              </View>
              <View className='example-body__text'>
                <Text space='ensp'>多 空格文字(ensp)</Text>
              </View>
              <View className='example-body__text'>
                <Text space='nbsp'>多 空格文字(nbsp)</Text>
              </View>
              <View className='example-body__text'>
                <Text>不解码文字&gt;</Text>
              </View>
              <View className='example-body__text'>
                <Text decode>解码文字&gt;</Text>
              </View>
            </View>
          </View>
        </View>
      </View>
    )
  }
}