标签: ionic4

ion-radio 上的 ionic v4 隐藏收音机图标

实际上我需要像这样设计离子无线电组件 在此输入图像描述

在 ionic 3 中,我可以使用 override css 样式设置 ion-radio 的样式

.radio-md .radio-icon{
    display: none;
}
.item-md{
    border: 1px solid color($colors,divider);
    border-radius: 6px;
}
.item-radio-checked{
    border: 1px solid color($colors,primary);
}
Run Code Online (Sandbox Code Playgroud)

我对 ionic 4 不知道。

如何使用 ionic v4 设计 ion-radio 样式?

css ionic-framework ionic4

3
推荐指数
1
解决办法
2274
查看次数

如何更改离子滑块的颜色和大小

我的 intro-page.scss 中有这段代码,我应该能够更改离子子弹的颜色,但它不起作用

.swiper-pagination-bullet {
   background: #37469B;
}

.swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
    background: transparent;
}
Run Code Online (Sandbox Code Playgroud)

sass ionic4

3
推荐指数
1
解决办法
4602
查看次数

打开键盘时隐藏页脚ionic4

参考此链接: 隐藏键盘上的页脚打开 Ionic3

但是问题也是一样的

在此处输入图片说明

问题与上图相同......我刚刚在页脚中添加了按钮......

.html 文件

<ion-content>
<textarea placeholder="Please leave your review"></textarea>
<ion-content>

<ion-footer>
<ion-button (click)="submit()">Submit</ion-button>
</ion-footer>
Run Code Online (Sandbox Code Playgroud)

因此,当单击 textarea 时,键盘会打开并且按钮出现在键盘上方。

我希望每当键盘打开时.....页脚被隐藏。

ionic4

3
推荐指数
1
解决办法
3800
查看次数

如何将自定义 css 应用于 ionic 4 组件?

我经常遇到不知道要为离子组件更改什么 css 的问题。例如,我有一个使用 ionic 勾勒轮廓的按钮,我最初的猜测是用类似的东西覆盖其轮廓/边框颜色。

border: 1.2px solid #697954; 
Run Code Online (Sandbox Code Playgroud)

但这没有用,所以我基本上只需要浏览论坛帖子,直到我发现它改变了

--border-color
Run Code Online (Sandbox Code Playgroud)

这似乎是寻找如何覆盖离子组件 css 变量的一种非常低效的方法。

我在哪里可以找到 css ionic 用于其组件的确切内容,以便我可以轻松地覆盖它们而无需翻阅论坛帖子?我在 github 上检查了 ionic core.css,但这并没有给我我想要的信息。

众所周知,我的边框颜色已正确完成,但我需要更改 onclick 背景颜色和 onclick 文本颜色。我不想再通过论坛挖掘。

css sass shadow-dom ionic-framework ionic4

3
推荐指数
1
解决办法
2918
查看次数

错误离子 4 ITMS-90809:不推荐使用 API - Apple 将停止接受使用 UIWebView API 的应用程序的提交

我有来自苹果的消息:

应用商店连接

亲爱的开发者,

我们发现您的应用程序“Project 66”0.0.9 (0.0.9) 最近交付的一个或多个问题。您的交付成功,但您可能希望在下次交付时更正以下问题:

ITMS-90809:不推荐使用 API - Apple 将停止接受使用 UIWebView API 的应用程序的提交。有关更多信息,请参阅https://developer.apple.com/documentation/uikit/uiwebview

更正问题后,您可以使用 Xcode 或 Application Loader 将新的二进制文件上传到 App Store Connect。

此致,

应用商店团队

任何解决此问题的解决方案?

ios angular ionic4

3
推荐指数
1
解决办法
3011
查看次数

人工审核 - 有些漏洞需要您注意才能解决

npm audit

                       === npm audit security report ===                        

# Run  npm update terser-webpack-plugin --depth 3  to resolve 1 vulnerability

  Moderate        Cross-Site Scripting                                          

  Package         serialize-javascript                                          

  Dependency of   @angular-devkit/build-angular [dev]                           

  Path            @angular-devkit/build-angular > webpack >                     
                  terser-webpack-plugin > serialize-javascript                  

  More info       https://npmjs.com/advisories/1426                             




                                 Manual Review                                  
             Some vulnerabilities require your attention to resolve             

          Visit https://go.npm.me/audit-guide for additional guidance           


  Moderate        Cross-Site Scripting                                          

  Package         serialize-javascript                                          

  Patched in      >=2.1.1                                                       

  Dependency of   @angular-devkit/build-angular [dev]                           

  Path            @angular-devkit/build-angular > copy-webpack-plugin >         
                  serialize-javascript                                          

  More info       https://npmjs.com/advisories/1426                             


  Moderate        Cross-Site Scripting

  Package         serialize-javascript

  Patched …
Run Code Online (Sandbox Code Playgroud)

npm typescript angular ionic4

3
推荐指数
1
解决办法
3911
查看次数

如何在离子应用程序中设置默认图像

我正在尝试向离子应用程序添加默认图像。目前,我正在通过数据库表行中的链接获取应用程序内的图像。但是,如果图像不再存在或链接已损坏,我希望应用程序显示default/fall-back图像而不是这个默认的撕开绘画图标。

这是我尝试让它工作的方法之一,但它没有。

        <ion-card transparent class="detailView" *ngFor="let act of activities">
        <img class="img" src="{{act.image}}"
        onerror="this.src='assets/imgs/defualt.jpg';" alt = "Missing Image" />
Run Code Online (Sandbox Code Playgroud)

{{act.image}}与数据库对话,准确地与数据库中的活动表对话并提取图像链接。如果无法显示图像,如何实现默认选项?

一些额外的花絮;该应用程序是用Ionic框架编写的,并实现了TypescriptSassAngular 的使用

javascript typescript ionic-framework angular ionic4

3
推荐指数
1
解决办法
2266
查看次数

“[(ngModel)]”在 Ionic 4 中没有绑定

我正在构建一个 Ionic 应用程序,目前正在从 Ionic 3 迁移到 4。我有一些代码可以在 Ionic 3 中完美运行,但在 4 中却没有。基本上,我似乎无法使用 [(ngModel)] 绑定数据在输入字段中。我已经FormsModule将它导入并添加到我的app.module.ts. 这是我的-component.ts文件的样子:

export class SomeComponent implements OnInit {
  someString: string = "test";
  ...
}
Run Code Online (Sandbox Code Playgroud)

和我的 -component.html

<ion-input type="text" [(ngModel)]="someString"></ion-input>
{{someString}}
Run Code Online (Sandbox Code Playgroud)

现在在我的应用程序中,{{someString}}正确显示“测试”。但是,更改输入值不会someString以任何方式影响变量。我可能会错过什么?

ionic-framework angular ionic4

3
推荐指数
1
解决办法
4146
查看次数

错误:未捕获(承诺):PushNotifications 没有 Web 实现

如何为 Web 实现捕获此异常,或继续处理 Web 推送通知。

如果有人可以帮助我,那将非常有帮助。?

我已经实现的代码:

    PushNotifications.addListener('registrationError', (error: any) => {
      console.log('Error on registration: ' + JSON.stringify(error));
    });

    PushNotifications.addListener(
      'pushNotificationReceived',
      (notification: PushNotification) => {
        console.log('Push received: ' + JSON.stringify(notification.data));
        this.openToast(notification.data);
      }
    );

    PushNotifications.addListener(
      'pushNotificationActionPerformed',
      (notification: PushNotificationActionPerformed) => {
        console.log(
          'Push action performed: ' +
            JSON.stringify(notification.notification.data)
        );
        this.navigate.navigateForward([
          'profile',
          notification.notification.data.identification,
        ]);
      }
    );
Run Code Online (Sandbox Code Playgroud)

只是想知道如何PushNotificationionic using capacitor. 如果有任何插件或至少我可以处理这个异常。

如果有任何进一步的澄清,请告诉我

push-notification angular ionic4 capacitor ionic5

3
推荐指数
1
解决办法
2284
查看次数

如何注册本地离子电容器插件

我正在为 android 和 ios 开发一个私人电容器插件,但官方指南最后说上传到 npm 以使用你的插件,我不想将它上传到公开可用的资源。

你如何为ios/android注册一个本地电容插件

ionic-framework ionic4 capacitor

3
推荐指数
1
解决办法
813
查看次数