ionic
太 阳
青春不辜负
展开
-
ionic+Angular 手机二维码扫描
ionic+Angular 手机二维码扫描HTML主要二维码插件npm install @ionic-native/qr-scanner/ngx<ion-header class="scanheader"> <div class="close"> <ion-buttons slot="start" (click)="closeScan()"> <ion-icon name="close-circle" class="iconSt原创 2021-09-17 11:29:54 · 741 阅读 · 1 评论 -
自定义基于ionic弹出model层多选框
基于ionic弹出model层多选框形式模块select-menu.component.html页:*重要部分要点:1.遍历双重数组值2.动态显示子数据*ngIf="!showChildlist"childMenu(i)3.<ion-content class="select_content"> <ion-list class="listStyle" *ngFor="let item of selectList;let i = index"> &l原创 2021-08-16 17:35:12 · 301 阅读 · 0 评论 -
ionic 修改app中字体格式
一、ionic 修改app中字体格式1.assets文件夹下新建fonts文件夹2.引入字体3.修改theme文件夹下variables.scss文件4.新建@font-face,新建 --ion-font-family: ‘STXINGKA’@font-face { font-family: "STXINGKA"; src: url("../assets/fonts/STXINGKA.TTF"); //src: url("../assets/fonts/STXINWEI.TTF原创 2021-08-13 16:19:34 · 394 阅读 · 0 评论 -
ionic+angular.js动态控制css样式
ionic+angular.js动态控制css样式使用:[ngStyle]="{‘height’: imageUrl===’’? ‘380px’ : ‘’}"imageUrl为变量 <ion-card class='image_in' (press)='getMediaPress()' [style.touch-action]="'pan-y'" [ngStyle]="{'height': imageUrl===''? '380px' : ''}"> <ion-ico原创 2021-08-13 16:14:12 · 203 阅读 · 0 评论