要将按钮和文本组件设置为圆形，可以使用 radius 属性。设置 radius 为控件宽高的一半，并确保控件的宽高相同，这样图片或组件就会显示为圆形。如果控件的宽高不相同，则会显示为圆角矩形。

示例代码如下：

<frame w="100" h="100" radius="50" bg="white">
  <button w="100" h="100" radius="50" text="圆形按钮" />
</frame>

在这个例子中，frame 和 button 的宽高都是 100，radius 设置为 50，这样它们就会显示为圆形。

补充回答 1

检查你的代码发现你写错了属性名，应该是 radius 而不是 redius。将 redius 改为 radius 即可生效。

修改后的代码如下：

// 文档地址 https://docs.hamibot.com/
floatyWin = floaty.window(
    <vertical  bg="#00000000">  
        <button  marginBottom="5" h='100' w='100' radius='50' id="daojia"  bg="#cccccc" text="送到家" /> 
    </vertical> 
);

补充回答 2

检查你的代码，发现 radius 属性的值应该是一个数字，而不是字符串。将 radius='50' 改为 radius={50} 即可生效。

修改后的代码如下：

// 文档地址 https://docs.hamibot.com/
floatyWin = floaty.window(
    <vertical  bg="#00000000">  
        <button  marginBottom="5" h='100' w='100' radius={50} id="daojia"  bg="#cccccc" text="送到家" /> 
    </vertical> 
);