原创 ionic4學習筆記12-某東項目柵格完成商品列表

1、頁面代碼 <div class="h_title"> 商品列表 </div> <!-- 柵格系統12列 size="6":表示每行有2列; --> <div class="plis

原创 ionic4學習筆記11-某東項目熱門商品展示

1、創建熱門商品圖片展示列表 <!--熱門商品 [ngStyle]="{'width': hotListWidth}":動態綁定樣式,從後臺ts傳遞;hotListWidth和後臺變量名稱一致; *ngFor=

原创 ionic4學習筆記15-某東項目個人中心

1、html代碼 <ion-content> <!-- <div class="user_top"> <div class="user_left"> <img src="/assets/user.p

原创 ionic4學習筆記16-某東項目搜索頁面

1、增加手勢事件模塊 #安裝手持事件 cnpm install hammerjs --save 2、ionic5引入手勢事件     2.1 app.module.js中引入 import { HammerModule} from '@

原创 ionic4學習筆記9--某東項目01

1、全局CSS(src/global.scss的最下面) /*全局css樣式*/ body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, d

原创 ionic4學習筆記13-某東項目分類列表

1、Tab2頁面代碼 <ion-content> <div class="cate_content"> <div class="cate_left"> <ion-list lines="full">

原创 ionic4學習筆記10-某東項目輪播圖

1、頁面組件定義 <ion-content> <!--輪播圖 #slide1 : 爲組件ID [options]="slidesOpts":對應ts中配置的對象slidesOpts,屬於組件屬性配置

原创 ionic4學習筆記14-某東項目購物車列表

1、html頁面內容 <ion-content> <dl class="cart_list"> <dt> <ion-checkbox color="danger"></ion-checkbox> <d

原创 ionic4學習筆記7--UI組件1(沒實踐,直接摘抄)

1、 Ionic4.x 內置顏色 <ion-button color="primary"> primary </ion-button> <ion-button color="secondary"> secondary </ion-but

原创 ionic4學習筆記8--UI組件2列表(沒有實踐,直接摘抄)

1、 普通列表 <ion-list> <ion-item> <ion-label>Peperoni</ion-label> </ion-item> <ion-item> <ion-label>Hawaii</ion-label> </i

原创 ionic4學習筆記4--新增一個tab頁面

1、創建模塊 ionic g page tab4 2、修改路由(一個刪除,一個更新) 刪除:app目錄中app-routing.module.ts文件裏更新產生的新模塊路由; 更新:tabs目錄中tabs-routing.module.

原创 inoic4學習筆記2

0、模塊:每個tab就是一個模塊 1、核心目錄介紹 2、路由核心文件app.module.ts解讀 //文件:根模塊 告訴Ionic如何組裝應用 //Ionic angular的核心模塊 import { NgModule } fr

原创 ionic4 學習筆記1

0、安裝ionic前,必須要先安裝nodejs 1、安裝cordova ionic(安裝速度和網速相關) npm install -g cordova ionic 2、創建項目(要進入到項目存放的目錄中創建) ionic start

原创 js小功能整理

1. 只能輸入阿拉伯數字的輸入框,配合的js代碼 1-1. 配合keyup事件使用 function DF_numKeyTestNew(obj) { //請將此函數同時放在表單輸入字段的onKeyUp和onMouseOver中 obj.

原创 ionic4學習筆記3

1、創建模塊(進入到項目根目錄) ionic g page 頁面名稱 2、頁面跳轉 3、業務邏輯的位置 4、顯示的位置