mirror of
https://github.com/zhigang1992/react-native-web.git
synced 2026-04-27 21:07:26 +08:00
ed0cafac7c
Reorganizes and rewrites the benchmarks. Each implementation is now self-contained and the benchmarks can be run using a GUI. The benchmarks themselves have been changed so that individual tests render over a shorter time frame and more samples are taken.
37 lines
720 B
JavaScript
37 lines
720 B
JavaScript
/* eslint-disable react/prop-types */
|
|
import Radium from 'radium';
|
|
import React from 'react';
|
|
|
|
const Dot = ({ size, x, y, children, color }) => (
|
|
<div
|
|
style={[
|
|
styles.root,
|
|
{
|
|
borderBottomColor: color,
|
|
borderRightWidth: `${size / 2}px`,
|
|
borderBottomWidth: `${size / 2}px`,
|
|
borderLeftWidth: `${size / 2}px`,
|
|
marginLeft: `${x}px`,
|
|
marginTop: `${y}px`
|
|
}
|
|
]}
|
|
>
|
|
{children}
|
|
</div>
|
|
);
|
|
|
|
const styles = {
|
|
root: {
|
|
position: 'absolute',
|
|
cursor: 'pointer',
|
|
width: 0,
|
|
height: 0,
|
|
borderColor: 'transparent',
|
|
borderStyle: 'solid',
|
|
borderTopWidth: 0,
|
|
transform: 'translate(50%, 50%)'
|
|
}
|
|
};
|
|
|
|
export default Radium(Dot);
|