- 博客(26)
- 收藏
- 关注
原创 element分页封装
1.Pagination.vue<template> <div :class="{'hidden':hidden}" class="pagination-container"> <el-pagination :background="background" :current-page.sync="currentPage" :page-size.sync="pageSize" :layout="layout"
2021-02-06 16:23:00 378
原创 中英文自动翻译(有道翻译、彩云小译)
一.有道翻译1)获取应用ID和应用密钥 https://ai.youdao.com/doc.s#guide2)遵循接口参数接入 具体参考接口文档:https://ai.youdao.com/DOCSIRMA/html/%E8%87%AA%E7%84%B6%E8%AF%AD%E8%A8%80%E7%BF%BB%E8%AF%91/API%E6%96%87%E6%A1%A3/%E6%96%87%E6%9C%AC%E7%BF%BB%E8%AF%91%E6%9C%8D%E5%8A...
2021-01-25 15:42:42 3673 1
原创 Vue2Editor 富文本编辑器 图片base64太长问题
api地址:https://www.vue2editor.com/api.html#props参考:https://zhuanlan.zhihu.com/p/100985112<vue-editor v-model="listInfo.infoContent" use-custom-image-handler @image-added="handleImageAdded"/>handleImageAdded: functi..
2020-12-10 11:35:16 1240
翻译 angular订阅者模式
流程:1.创建noticeSevice服务,内部有一个Subject时间发射器subject;2.send(...)为发送数据,实际就是一个事件;3.get(...)为获取Observable对象,但是此时没有订阅者,那么就没有订阅者可通知;4.A组件把noticeSevice服务类添加进来,然后在启动的时候激活这个send(...)事件;5.B组件内在启动的时候通过get(...).subscribe(...)订阅这个send(...)事件;6.subscribe()内部的参数是o
2020-05-09 17:31:32 605
原创 ionic app版本更新
1.page.html<ion-card> <div id="progressnum"></div></ion-card>2.page.tsimport { Component, OnInit } from '@angular/core';import { NavController } from '@ionic/angular';import { FileOpener } from '@ionic-native/file-
2020-05-09 15:06:30 383
原创 http请求拦截器
1.拦截器收集 api/http-interceptor.ts/** * 拦截器 收集 * barrel */import { HTTP_INTERCEPTORS } from '@angular/common/http';import { InterceptorService } from '../sevices/app.intercept';export const htt...
2020-04-29 16:26:21 741
原创 ionic公用弹框、提示框封装
1.baseui.tsimport { LoadingController, ToastController } from '@ionic/angular';import { NavController } from '@ionic/angular';export abstract class BaseUI { public loadingIsOpen: any = false;...
2020-04-29 11:29:49 212
原创 angular富文本解析,内置样式不生效问题
1.新建管道 pipe/htmlpipi.pipe.ts文件import { Pipe, PipeTransform } from '@angular/core';import { DomSanitizer } from "@angular/platform-browser";@Pipe({ name: 'htmlpipe'})export class HtmlpipePipe ...
2020-04-29 11:20:55 471
原创 防抖指令
1.新建debounce-click 指令2.directives/debounce-click.directive.tsimport { Directive, EventEmitter, HostListener, Input, OnInit, Output } from '@angular/core';import { Subject, Subscription } from 'r...
2020-04-29 11:15:00 377
原创 EventEmitter 事件驱动
1.安装:npm install--save eventemitter32.建立一个服务servicesionic g service services/event3.event.service.tsimport { Injectable } from '@angular/core';import { EventEmitter } from 'eventemitter3';...
2020-04-29 10:32:22 227
转载 angular 点击div区域外div隐藏
import { ElementRef, HostListener, ViewChildren, QueryList } from '@angular/core';<div #unclick></div><div class="unclick">区域外</Div>
2019-08-13 13:48:32 1526
原创 ionic3 android热更新
1.安装node环境;2.安装ionic,cordova框架:npm install -g cordova ionic3.新建ionic项目ionic start app tabs tabs:创建一个选项卡项目 blank:创建一个空白项目 sidemenu:创建一个侧边菜单项目 super: 创建一个预制的完...
2018-10-23 13:50:10 267
原创 ionic3 slides手动滑动轮播图后无法自动播放问题
1.<ion-slides loop="true" autoplay="3000" pager (ionSlideAutoplayStop)="autoPlay()"> 2.import { Slides } from 'ionic-angular';3.@ViewChild(Slides) slides: Slides;4.autoPlay() {this.slides...
2018-09-05 09:45:31 972 1
原创 ionic3启动后白屏
1.配置config.xml文件:<preference name="ShowSplashScreenSpinner" value="false" /> <preference name="AutoHideSplashScreen" value="false" /> <preference name="FadeSplashScr
2018-08-18 09:41:11 790
原创 Ionic3 click事件失效
问题描述:click事件在某些android机上失效,加上alert就好用问题分析:click和*ngIf一同使用 <div class="equip" *ngIf="item1.room.length>0" (click)="goLab(item3.id,item1.id)"></div>解决方案:将click事件和*ngIf分开写 ...
2018-08-18 09:35:07 2568
原创 ionic3启动前黑屏
1.启动前黑屏 1)platforms/android/app/src/AndroidManifest.xml <application android:hardwareAccelerated="true" android:icon="@mipmap/icon" android:label="@string/app_name" android:supportsRtl="tr...
2018-08-16 15:53:23 777
原创 ionic3 ion-segment动态添加数据,点击无效
解决方案:import { ViewChild } from '@angular/core';import {Segment } from 'ionic-angular';export class FloorsPage { @ViewChild(Segment) segment: Segment;}在数据请求之后添加:setTimeout(() => { ...
2018-08-16 13:34:51 1105 1
原创 css实现根据元素宽度值,设置高度
div{ width:40%; height:0; font-size:0; line-height:0; padding:40% 0 0;}padding的值可以设置为两种类型。 1. 一种是固定值(例如 px单位),必须是正值; 2. 第二种则是百分比值(%),此时 padding的大小是相对于元素的 ...
2018-08-16 13:34:15 3592
原创 ionic3问题总结
1.二级页面隐藏返回键: <ion-navbar hideBackButton="true"> <ion-title>标题</ion-title> </ion-navbar>2.安卓软键盘弹出页面压缩: 打开platforms/android/app/src/main/AndroidManif...
2018-07-30 10:09:02 149
原创 数组中去除重复的对象
reduce:var hash = {}; this.myapplyList = this.myapplyList.reduce(function(item, next) { hash[next.id] ? "" : (hash[next.id] = true && item.push(next)); return item; }, []);
2018-06-05 15:54:27 700
转载 ionic3打包apk启动慢问题
1.在config.xml添加以下属性:<!--默认有前四个配置,后面三个是另外添加的--><preference name="SplashScreen" value="screen"/><preference name="SplashScreenDelay" value="3000"/>#显示时间<preference name=
2018-04-26 22:15:08 620
转载 ionic3自定义tabs icon图标
1.tabs.scss.ion-tab-icon-base { width: 32px !important; height: 32px !important; padding: 4px 4px 2px; } .ion-tab-icon-md-base { min-width: 0 !important; heigh...
2018-04-25 22:21:48 1108 1
翻译 ionic3扫一扫功能
1.安装插件 ionic cordova plugin add cordova-plugin-cszbar npm install --save @ionic-native/zbar2.引入 import { ZBar, ZBarOptions } from '@ionic-native/zbar'; constructor( private zbar : ZBa...
2018-04-24 23:09:34 1046
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人