Ray 开发框架——小程序组件、样式、事件等开发

组件

组件名

所有组件名称都是首字母大写的驼峰形式，如：

import { View, Text, Image, ... } from '@ray-js/ray'

组件属性

Ray 按照 React 的风格来命名小程序属性，如：

Ray:

<View className="view" style={
  
  { display: 'flex' }} onTap={handleClick} />

对应微信小程序：

<view class="view" style="display: flex;" bindtap="handleClick"></view>

 👉 立即免费领取开发资源，体验涂鸦 MiniApp 小程序开发。

样式

如果你是需要用 Ray 开发小程序（微信小程序、智能小程序），我们推荐直接使用 rpx。

rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为 750rpx。如在 iPhone6 上，屏幕宽度为 375px，共有 750 个物理像素，则 750rpx = 375px = 750 物理像素，1rpx = 0.5px = 1 物理像素。

设备	rpx 换算 px (屏幕宽度/750)	px 换算 rpx (750/屏幕宽度)
iPhone5	1rpx = 0.42px	1px