weex-nuke/docs/helper/demo/basic.md

基于 Rax 、Weex 的高性能组件体系 ~~

# demo

* order: 0

Helper demo

---

```js
/** @jsx createElement */
import { View, Text, Helper } from 'weex-nuke';
import { createElement, Component, render } from 'rax';
const { hairLine, borderSeperate, calcTextSize } = Helper;

let App = class NukeDemoIndex extends Component {
  constructor() {
    super();
  }

  render() {
    return (
      <View>
        <Text>support hairline:{hairLine.detect()}</Text>
        <Text>
          hairline border:{JSON.stringify(
            hairLine.fixBorder({ borderWidth: 1 })
          )}
        </Text>
        <Text>
          border:{JSON.stringify(
            borderSeperate({ borderWidth: 1, borderTopWidth: 3 })
          )}
        </Text>
        <Text>font:{JSON.stringify(calcTextSize({ fontSize: '28rem' }))}</Text>
        <Text>font:{JSON.stringify(calcTextSize({ fontSize: 28 }))}</Text>
        <Text>font:{JSON.stringify(calcTextSize({ fontSize: '14px' }))}</Text>
      </View>
    );
  }
};

render(<App />);
```