ionic3 UI 小知識點

原創 大风大雨小姐姐 2018-12-18 14:57

1.no-border //ion-header 去除邊框
2.transparent //ion-toolbar 透明背景 - 這個沒用到
3.fullscreen //ion-content 佔全屏

4.no-line  // ion-list

 

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

angular async和await (實用）

原文出處：https://blog.csdn.net/hotboyboy/article/details/102825281?utm_medium=distribute.pc_relevant_t0.none-task-blog-OPEN

chelen_jak 2020-07-05 23:21:40

Ionic3中全局隱藏scroll滾動條樣式

ionic3項目中，ion-content標籤是默認帶scroll滾動條的，如果需要全局清除滾動條，可以在app.scss中加入以下代碼： ::-webkit-scrollbar { display: none !imp

Neokekeke 2020-07-01 09:23:45

Ionic-Native 中media插件的使用，錄音功能的實現

目前Ionic官方提供了很多native插件，方便調用手機等設備的原生接口。 最近在研究在ionic項目中加入錄音功能，完成簡單錄音功能後，並做下筆記，我用到的是Ionic native中的media插件和file插件。 簡單介

Neokekeke 2020-07-01 09:23:45

Angular Form的FormArray 和 FormGroup操作 （實用、備忘、贊）

1、Angular學習筆記45：響應式表單-FormArray & 動態的增加、減少FormArray中的元素 & 給FormArray 賦值 2、Angular學習筆記48：響應式表單-FormArray 和 FormGroup的多層

chelen_jak 2020-06-30 13:12:59

Ionic3學習筆記（八）使iOS端、Android端 Navbar 透明化

本文爲原創文章，轉載請標明出處 若要使iOS端 Navbar 透明，只需要給 ion-navbar 添加 transparent 屬性，但是Android端依舊會有一條border在，所以再給 ion-header 添加 no-b

MetaphorXi 2020-06-29 06:51:31

ionic3+angular4 使用cropperJS 完成圖片裁剪功能

需求： 圖片拍照或者圖庫選擇之後，將圖片進行裁剪（圖片允許放大，縮小，移動），裁剪框不變 實現： 1.安裝cropperjs: npm install cropperjs 2.在頁面中導入： 3.裁剪插件初始化 initCropp

一闪一闪亮晶晶，漫天都是小星星 2020-06-27 13:52:10

ionic3 ios 雜記

 1.  ionic cordova resources 經常卡住不動，卡住了就撤銷，果斷的撤銷，重新試試，試到ok 2。只是修改業務代碼的話，只需要將根目錄www下的內容拷貝到platform下的www就好，不需要每次打包 3。ios使

一闪一闪亮晶晶，漫天都是小星星 2020-06-27 13:52:10

ios 豎着拍照導致圖片旋轉問題

參考示例： http://www.pianshen.com/article/1144199766/ angular4實現： 完整代碼如下： html: 1:  使用fileReader 將圖片轉化爲data64位圖。 2： 修正因爲io

一闪一闪亮晶晶，漫天都是小星星 2020-06-27 13:52:00

關於ionic3開發APP用cordova打包，更新下載後不能自動提示安裝的解決方法的補充

在之前的文章中提出過解決這個問題的辦法： 在添加平臺cordova platform add android後，在platforms\android內找到AndroidManifest.xml文件，然後修改爲： <uses-sdk

zuo-yiran 2020-06-21 03:30:49

Angular2學習筆記——NgModule 主要屬性 (實用）

摘自：https://www.cnblogs.com/dojo-lzz/p/5878073.html Angular2學習筆記——NgModule 　　在Angular2中一個Module指的是使用@NgModule修飾的class。@N

chelen_jak 2020-06-21 01:10:25

ionic開發——Node Sass does not yet support your current environment解決辦法 (實用）

原文出處：https://blog.csdn.net/yu17310133443/article/details/72884752 這個問題在升級ionic2的時候可能會遇到，不一定是windows，但是解決辦法都是一樣的，其實很簡單，就

chelen_jak 2020-06-21 00:10:14

ionic3中通過service定義全局參數和方法 （實用）

原文出處：https://www.jianshu.com/p/243e4374e6c8  爲了方便管理，打算將GET和POST請求定義成一個公共方法來調用，另外調用的URL也可以定義到全局。 廢話不多說，看代碼~ 1、首先定義一個serv

chelen_jak 2020-06-20 23:11:04

運行ionic build --prod命令時，項目報錯 (實用、贊）

原文出處：https://blog.csdn.net/weixin_39563840/article/details/88202040?depth_1-utm_source=distribute.pc_relevant.none-task

chelen_jak 2020-06-20 23:11:04

不再糾結devDependencies與dependencies （實用）

原文出處：https://blog.csdn.net/zDeer520/article/details/73431295 以前一直在糾結一個npm安裝的包依賴管理的問題。是這樣的： 我們在使用npm install 安裝模塊或插件的時候，

chelen_jak 2020-06-20 23:11:04

Ionic2-Gestures tap press pan swipe等手勢事件

原文出處：http://www.360doc.com/content/17/0407/16/16002580_643656532.shtml 先上效果： 基本的手勢可以通過綁定到tap(點擊),press（按下）,pan（隨着手指移動）,

chelen_jak 2020-06-20 23:11:04