搜索文档 /

betway东盟体育app离子包

betway东盟体育appIonic提供了不同的包,可以在测试环境中使用Ionic Framework或Ionicons,也可以在Angular或任何其他框架中使用,也可以完全不使用。

betway东盟体育app离子框架CDN

betway东盟体育app离子框架可以包括从CDN快速测试 砰砰作响 Codepen ,或任何其他在线代码编辑器!

推荐使用 jsdelivr 从CDN访问框架。要获得最新版本,请在 < >头 元素,或者在在线代码编辑器中包含外部资源的地方:


                <
               脚本
              
               类型
                
                
               模块
                
              
               src
                
                
               https://cdn.jsdelivr.net/npm/@betway东盟体育appionic/core/dist/ionic/ionic.esm.js
                
               >
                
               脚本
               >
             
                <
               脚本
              
               nomodule
              
               src
                
                
               https://cdn.jsdelivr.net/npm/@betway东盟体育appionic/core/dist/ionic/ionic.js
                
               >
                
               脚本
               >
             
                <
               链接
              
               rel
                
                
               样式表
                
              
               href
                
                
               https://cdn.jsdelivr.net/npm/@betway东盟体育appionic/core/css/ionic.bundle.css
                
               />
复制 复制

这样就可以在不安装框架的情况下使用所有的Ionic Framework核心组件。betway东盟体育appCSS包将包括所有的离子betway东盟体育app 全局样式表

它不会安装Angular或任何其他框架。这允许在没有框架的情况下使用Ionic Frabetway东盟体育appmework核心组件。

betway东盟体育app离子+角

在Angular项目中betway东盟体育app使用Ionic Framework时,请安装最新的 @betway东盟体育appionic /角 寄来的包裹 npm .这是伴随着所有Ionic Framework组件和Anbetway东盟体育appgular特有的服务和特性而来的。


              
              npm
             
              安装
             @betway东盟体育appionic / angular@latest——保存

每次有一个新的离子框架发布,这betway东盟体育app 版本 将需要更新,以获得最新的功能和修复。版本可以是 更新使用npm

要将Ionic添加到已betway东盟体育app经存在的Angular项目中,请使用Angular CLI ng添加 特性。


              
             ng
              添加
             @betway东盟体育appionic /角

将必要的导入添加到 @betway东盟体育appionic /角 包装以及添加所需的风格。

betway东盟体育app离子+反应

要将Ionicbetway东盟体育app Framework添加到已经存在的React项目中,请安装 @betway东盟体育appionic /反应 @betway东盟体育appionic / react-router 包中。


              
              npm
             
              安装
             @betway东盟体育appionic /反应
              
              npm
             
              安装
             @betway东盟体育appionic / react-router

CSS

要在React项目中包含必要的CSS,请将以下内容添加到应用的根组件中。


              /* Core CSS需要离子组件正常工作*/betway东盟体育app
             
              进口
             
              “@betway东盟体育appionic /反应/ css / core。”
              
             
              /* Basic CSS for apps with Ionic betway东盟体育app*/
             
              进口
             
              “@betway东盟体育appionic / / css / normalize.css反应”
              
             
              进口
             
              “@betway东盟体育appionic / / css / structure.css反应”
              
             
              进口
             
              “@betway东盟体育appionic / / css / typography.css反应”
              
             
              /*可选的CSS utils,可以被注释掉*/
             
              进口
             
              “@betway东盟体育appionic / / css / padding.css反应”
              
             
              进口
             
              “@betway东盟体育appionic / / css / float-elements.css反应”
              
             
              进口
             
              “@betway东盟体育appionic / / css / text-alignment.css反应”
              
             
              进口
             
              “@betway东盟体育appionic / / css / text-transformation.css反应”
              
             
              进口
             
              “@betway东盟体育appionic / / css / flex-utils.css反应”
              
             
              进口
             
              “@betway东盟体育appionic / / css / display.css反应”
              
复制 复制

betway东盟体育app离子+ Vue

要将Ionicbetway东盟体育app Framework添加到现有的Vue项目中,请安装 @betway东盟体育appionic / vue @betway东盟体育appionic / vue-router 包。


              
              npm
             
              安装
             @betway东盟体育appionic / vue @ionic / vue-router

之后,您将需要安装 betway东盟体育appIonicVue 插件在Vue应用程序。

main.js


              进口
             
              {
             betway东盟体育appIonicVue
              
             
              
             
              “@betway东盟体育appionic / vue”
              
             
              进口
             应用程序
              
             
              ”。/ App.vue '
             
              进口
             路由器
              
             
              ”。/路由器的
              
             
              常量
             应用程序
              
             
              createApp
              
             应用程序
              
             
              
              使用
              
             betway东盟体育appIonicVue
              
             
              
              使用
              
             路由器
              
              
             路由器
              
              isReady
              
              
              
              然后
              
              
              
             
              =>
             
              {
             应用程序
              
              
              
              “#应用”
              
              
             
              
              
              
复制 复制

一定要挂载应用一次 router.isReady () 已经解决了。

路由

当在Vue应用程序中设置路由时,您将需要从 @betway东盟体育appionic / vue-router 而不是 vue-router

路由器/ index.js


              进口
             
              {
             createRouter
              
             createWebHistory
              
             
              
             
              “@betway东盟体育appionic / vue-router”
              
             
              常量
             路线
              
             
              
             
              //路由到这里
             
              ]
             
              常量
             路由器
              
             
              createRouter
              
              {
             历史
              
             
              createWebHistory
              
             过程
              
             env
              
              BASE_URL
              
              
             路线
              
              
             
              出口
             
              默认的
             路由器
              
复制 复制

CSS

要在Vue项目中包含必要的CSS,请将以下内容添加到您的 main.js 文件。


              /* Core CSS需要离子组件正常工作*/betway东盟体育app
             
              进口
             
              “@betway东盟体育appionic / vue / css / core。”
              
             
              /* Basic CSS for apps with Ionic betway东盟体育app*/
             
              进口
             
              “@betway东盟体育appionic / vue / css / normalize.css”
              
             
              进口
             
              “@betway东盟体育appionic / vue / css / structure.css”
              
             
              进口
             
              “@betway东盟体育appionic / vue / css / typography.css”
              
             
              /*可选的CSS utils,可以被注释掉*/
             
              进口
             
              “@betway东盟体育appionic / vue / css / padding.css”
              
             
              进口
             
              “@betway东盟体育appionic / vue / css / float-elements.css”
              
             
              进口
             
              “@betway东盟体育appionic / vue / css / text-alignment.css”
              
             
              进口
             
              “@betway东盟体育appionic / vue / css / text-transformation.css”
              
             
              进口
             
              “@betway东盟体育appionic / vue / css / flex-utils.css”
              
             
              进口
             
              “@betway东盟体育appionic / vue / css / display.css”
              
复制 复制

从这里,您可以了解如何开发离子框架在我们betway东盟体育app betway东盟体育app离子Vue快速入门指南

betway东盟体育appIonicons CDN

betway东盟体育appIonicons默认是和Ionic Framework一起打包的,所以如果你正在使用Ionicons,就不需要安装。要使用没有离子betway东盟体育app框架的离子图标,请放置以下内容 < >脚本 接近页面的结尾,就在结束之前 身体< / > 标签。


                <
               脚本
              
               类型
                
                
               模块
                
              
               src
                
                
               https://cdn.jsdelivr.net/npm/betway东盟体育appionicons/dist/ionicons/ionicons.esm.js
                
               >
                
               脚本
               >
             
                <
               脚本
              
               nomodule
              
               src
                
                
               https://cdn.jsdelivr.net/npm/betway东盟体育appionicons/dist/ionicons/ionicons.js
                
               >
                
               脚本
               >
复制 复制

看到 betway东盟体育appIonicons用法 获取更多使用Ionicons的信息。betway东盟体育app

以前的
CLI安装
下一个
下一个步骤
Baidu