weex-nuke/src/node_modules/nuke-view/theme/index.jsx

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

/** @jsx createElement */
import { createElement, Component, render } from 'rax';
import View from 'nuke-view';
import Text from 'nuke-text';

const App = class NukeDemoIndex extends Component {
  render() {
    return (
      <View>
        <Text>高清与边框覆盖问题</Text>
        <View
          style={[
            styles.box,
            { borderWidth: 1, borderTopWidth: 8, borderColor: '#3089dc' },
          ]}
        >
          <Text>borderTopWidth 优先级 > borderWidth</Text>
        </View>
        <View
          style={[
            styles.box,
            {
              borderWidth: 1,
              borderTopColor: '#ff6600',
              borderColor: '#3089dc',
            },
          ]}
        >
          <Text>borderTopColor 优先级 > borderColor</Text>
        </View>
      </View>
    );
  }
};

const styles = {
  box: {
    marginBottom: 10,
    height: 150,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#fefefe',
  },
};
render(<App />);