ionic-framework 相关问题

Ionic是一个前端框架,用于使用Sass和Angular开发具有HTML的本机感混合移动应用程序。默认情况下,它运行在Cordova之上。

Angular - 向服务器 1 或服务器 2 发送服务请求,具体取决于将登录的用户

目前用于开发我有这个环境配置: 导出常量环境= { 生产:假, 环境名称: 'dev', apiEndpoint: 'https://url.to.server1/api/' }; 在 module.service 中...

回答 1 投票 0

如何修改 ionic 6 中 ion-card-content 中 <p> 标签的字体大小

就像问题一样,我正在使用 vue 3 和 ionic 6 开发一个项目。 我想更改 中 标签的字体大小。 我的页面: 就像问题一样,我正在使用 vue 3 和 ionic 6 开发一个项目。 我想更改 <p> 中 <ion-card-content> 标签的字体大小。 我的页面: <ion-card> <ion-card-header> <ion-card-title>Title</ion-card-title> <ion-card-subtitle>Sub Title</ion-card-subtitle> </ion-card-header> <ion-card-content v-html="data.content"> </ion-card-content> </ion-card> data.content 是从服务器请求的。它的结构是这样的: <p>This is my page!</p> <p>Welcome to my home.</p> 我在 chrome devtools 中看到它的样式。 .card-content-md p { margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 2px; font-size: 14px; font-weight: normal; line-height: 1.5; } 但是不知道怎么修改,我想修改font-size:16px。 有人可以帮忙吗?谢谢你。 解决此问题的唯一方法是删除 ion-card-content 标签并替换为与 ion-card-content 具有相同特征的 div 标签。这是一个更好的解决方案,因为现在您可以自定义您的离子卡内容。 我尝试了同样的方法,它对我有用。请记住,ion-card-content 在 ionic 文档中没有 CSS 信息:https://ionicframework.com/docs/api/card-content#css-custom-properties 在 .css 中,您想要更改 ion-card-title 的字体大小,或在全局 css 中随处更改它。 ion-card-title{ font-size: 20px !important; } 以下内容对我有用: ion-card-content[class*="card-content-"] > p{ font-size: 10px !important; } 或者如果您想针对特定类别: ion-card-content[class*="card-content-"].card-text > p{ font-size: 10px !important; } 当然,这需要放在您的 global.scss 中。 我希望这对某人有用。 检查:https://ionicframework.com/docs/theming/css-variables 尝试 JavaScript: const el = document.querySelector('.card-content-md p'); el.style.setProperty('--font-size', '16px');

回答 4 投票 0

如何让 Instagram 从深层链接打开我的应用程序?

Instagram 应用程序中发送的所有深层/通用链接都会打开应用程序内浏览器访问我的网站。 我希望他们直接打开我的应用程序。我尝试了一切,但找不到任何线索/答案。 任何帮助或指导

回答 1 投票 0

动态开放图形图像,用于在离子电容器反应应用程序上共享社交媒体

我正在构建一个基于图像的食物日记,它可以根据一盘食物的图片自动对食物和营养进行人工智能分析。这在社交上非常适合分享。我们希望能够...

回答 1 投票 0

在 Ionic 应用程序中处理 Toast 通知的正确方法

我有一个 Ionic 2 应用程序,它在各个地方都有 Toast 通知。 一个很好的例子是用户在应用程序上更新他们的个人资料,然后我运行一些验证检查。 如果用户失败

回答 3 投票 0

如何在离子框架中与复选框一起使用时从离子标签中删除空格

我想使用复选框,但离子标签内有空格。我无法删除离子标签中的空间。我想水平居中显示复选框。我的代码如下,任何人都可以帮助我...

回答 3 投票 0

capacitor-cordova-android-plugins:compileDebugJavaWithJavac 失败

我正在尝试使用 Angular Ionic + 电容器制作一个应用程序。其中一个组件必须能够读取 NFC 消息。 如果我在 Visual Studio 代码上尝试离子服务,它工作得很好。但是,当我尝试...

回答 1 投票 0

在 Ionic/Capacitor 应用程序上不和谐 OAuth2 身份验证

我正在尝试使用 Ionic 和 Capacitor 编写一个 Web 应用程序/Android 应用程序,允许用户使用 Discord 登录。为此,我使用 Discord API 获取代码,然后使用该代码获取

回答 1 投票 0

Ionic 7 默认应用程序在模拟器上运行时显示空白屏幕和错误

我正在使用Ionic版本7.2.0,npm版本10.8.2,Angular 18.1.1,node 20.16.0,Capacitor版本6.1.1,phone api 27,windows 11 64位,jdk-17(我有安装和卸载几个java版本...

回答 1 投票 0

Laravel 403 之前有效的 API 错误

截至昨天,下面的代码有效。然而今天,我必须在 laravel 中运行 php artisan config:cache 命令,因为我添加了一个包,现在我漂亮的 ionic 应用程序不想运行连接到任何...

回答 5 投票 0

无法运行“离子实验室”

我无法运行命令 ionic lab 或 ionicserve -l 因为我收到错误:listen EACCES 127.0.0.1:8200 我跑过: npm install -g 离子科尔多瓦 ionic 启动 myIonicApp 空白 cd myIonicApp npm 我...

回答 5 投票 0

无法将snap.svg导入ionic2项目

我遵循了文档,但无法让 snap.svg 在我的 Ionic2 项目中工作。 安装: npm 安装 snapsvg --save npm install @types/snapsvg --save 使用: 从 'sna... 导入 * 作为 snapsvg...

回答 2 投票 0

当 Capacitor 服务器 URL 不可用时显示错误页面

在带有 Capacitor 的 Ionic 项目中,我想通过使用 Capacitor.config.ts 文件中的 url 变量从 Web 视图中的 URL 加载项目: 常量配置:CapacitorConfig = { ... 网络目录:...

回答 1 投票 0

有没有办法在 Ionic 5 中组合选项卡和侧边菜单

有什么办法可以让菜单按钮位于其中一个选项卡内,如图所示, 我在几个论坛中搜索过,只发现按钮 dle mene 将其放在标题的顶部,...

回答 3 投票 0

如何在 Ionic Toast 通知左侧添加用户头像?

我正在努力在我的 Ionic React 应用程序中实现 toast 通知,并且我想在 toast 的左侧包含用户的头像图像。这个想法是让头像位于图标所在的位置

回答 1 投票 0

库-pods-项目名称-未找到-ios cordova xcode

更新 Cordova 版本后,我遇到了与此处报告的完全相同的问题。我在这里重复了一遍,因为我有一个问题,我想提供屏幕截图来解释。 所以解决方案...

回答 1 投票 0

错误:升级到 Angular 18.1 和 Ionic 8 后找不到“ion-app#undefined”的构造函数

我刚刚将 Ionic v7 / Angular 16 应用程序升级到 Ionic v8、Angular v18,现在我收到运行时错误,看起来无法加载任何 Ionic 组件。 如果我查看我的 .angula

回答 0 投票 0

Javascript 中两个移动设备之间的距离(Ionic)

对于我的一个项目,我目前想要构建一个 Ionic 应用程序,以便为 iOS 和 Android 平台编写一次代码。我正在寻找一种方法来测量两个移动设备之间的距离...

回答 2 投票 0

升级到 Angular 12 后,Ionic Android 应用程序卡在白屏上。错误:goog.getLocale 不是函数

我最近尝试在我的 Ionic 应用程序中将 Angular 11 升级到 12。一切都很顺利,应用程序正在浏览器中运行,没有错误。 然而,当我尝试在 Android 手机上运行它时,...

回答 2 投票 0

Ionic 3 JSON 解析错误

在 Ionic 中,我在尝试解析 JSON 数据时收到此错误。 错误:响应状态:0,URL:null 我需要以列表格式打印产品名称(姜黄粉) JSON 解析...

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.