miniapp-components-plus，的tabs使用方法。
请问在ray中，tabs内容插槽部分怎么写？
TYML文档：
<mptabs
tabs="{{tabs}}"
activeTab="{{activeTab}}"
swiperClass="tyui-tabs-swiper"
bind:tabclick="onTabCLick"
bind:change="onChange"title" slot="tab-content-{{index}}">
<tyList></tyList>
</view>
</mptabs>
Code: Select all
import * as React from 'react'
import { View } from '@ray-js/components'
import Cells from '@tuya-miniapp/miniapp-components-plus/cells'
import Cell from '@tuya-miniapp/miniapp-components-plus/cell'
export default () => (
<View>
<Cells title='带说明的列表项'>
<Cell value='标题文字' footer='说明文字'></Cell>
<Cell>
<View>标题文字（使用slot）</View>
<View slot='footer'>说明文字</View>
</Cell>
</Cells>
</View>
)Code: Select all
import React from 'react'
import { View } from '@ray-js/components'
import ActionSheet from '@tuya-miniapp/miniapp-components-plus/actionSheet'
export default function Demo() {
const [isShowAtionSheet, setIsShowAtionSheet] = React.useState(false)
const groups = [
{ text: '示例菜单', value: 1 },
{ text: '示例菜单', value: 2 },
{ text: '负向菜单', type: 'warn', value: 3 },
]
return (
<View>
<Button
onClick={() => {
setIsShowAtionSheet(true)
}}
>
点击弹出actionsheet
</Button>
<ActionSheet
bindactiontap={(e) => {
console.log('点击 ActionSheet 的按钮项', e)
}}
bindclose={(e) => {
console.log('点击关闭')
setIsShowAtionSheet(false)
}}
show={isShowAtionSheet}
actions={groups}
title='这是一个标题，可以为一行或者两行。'
></ActionSheet>
</View>
)
}Code: Select all
import React from 'react'
import { View } from '@ray-js/components'
import Badge from '@tuya-miniapp/miniapp-components-plus/badge'
export default () => (
<View>
<Badge>
<Text slot='inner'>Ray</Text>
</Badge>
</View>
)Code: Select all
import React from 'react'
import { View } from '@ray-js/components'
import Badge from '@tuya-miniapp/miniapp-components-plus/badge'
export default () => (
<View>
<Badge>
<View slot='inner'>Ray</View>
</Badge>
</View>
)看一下上面的示例代码，看看能否解决你的问题？
weui的引入方式一样吗？
你如果要将ray运行在微信端使用weui组件，如果运行在智能小程序端，使用@tuya-miniapp/miniapp-components-plus。 具体使用哪个组件取决于你要运行在哪个环境
使用weui还是@tuya-miniapp/miniapp-components-plus ，在组件调用方面是没有区别的