3dflippingtab 中文文档教程

发布于 3年前 浏览 34 项目主页 更新于 3年前

��### 3d-flipping-tab ## 文档 ### 安装 npm <代码><代码>庆典 npm 安装 3dflippingtab --保存 <代码> <代码><代码>庆典 纱线添加 3dflippingtab <代码> ### 例子 <代码><代码>js 从“反应”导入反应; 从“3dflippingtab”导入 FlippingTab; 功能 TabContent() { const flippingContent = [ { id: 'tab1', nav: '优先呼叫', 内容:'assets/images/true-sc-1.png' }, { id: 'tab2', 导航:“分析”, 内容:'assets/images/true-sc-3.png' }, { id: 'tab3', nav: '调用原因', 内容:'assets/images/true-sc-1.png' }, { id: 'tab4', nav: '优先呼叫', 内容:'assets/images/true-sc-1.png' }, { id: 'tab5', 导航:“分析”, 内容:'assets/images/true-sc-3.png' } ] 返回 (

;
;); } 导出默认 TabContent; <代码>

��### 3d-flipping-tab ## Documentation ### Installation npm bash npm install 3dflippingtab --save yarn bash yarn add 3dflippingtab ### Example js import React from "react"; import FlippingTab from '3dflippingtab'; function TabContent() { const flippingContent = [ { id: 'tab1', nav: 'Priority Calling', content: 'assets/images/true-sc-1.png' }, { id: 'tab2', nav: 'Analytics', content: 'assets/images/true-sc-3.png' }, { id: 'tab3', nav: 'Call Reason', content: 'assets/images/true-sc-1.png' }, { id: 'tab4', nav: 'Priority Calling', content: 'assets/images/true-sc-1.png' }, { id: 'tab5', nav: 'Analytics', content: 'assets/images/true-sc-3.png' } ] return ( <section className="tab-wrapper"> <div className="container"> <FlippingTab tab={flippingContent} className="feature" options={{mobileFrame: true}} /> </div> </section> ); } export default TabContent;

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文