為了避免衝突，所有 css 都寫在 .cht-style 下面，所以套版的時候，在 html 最外面多加一個 div.cht-style 即可。頁面裡可以有複數的 div.cht-style

1/10

• 資費選擇：label size + 2px：篩選結果說明文字區塊；沒有結果的紅字要調大
• 設備號碼：可切換選擇或是自行輸入；按鈕間距調整

12/27

• 卡片高度一致時btn需對齊。等高的目標改為：.product_kits_card 裡面的 .description，注意：直接用 inspcetor 加字是不會馬上看到變化的，再跑一次 matchHeight() 才看得到效果。

12/21

• 1. 資費選擇頁: 篩選條件收合箭頭無效果，調整為上下收合效果。
• 2. 需點擊的地方，一致由手指標示取代。(EX: 移到資費卡片上的開始申辦)。
• 3. 方案說明btn改與開始申辦並列，但開始申辦為主要CTA(需較明顯)。
• 4. 商品確認頁(前): NP答鈴確認文案加框線。
• 5. 商品確認頁(後): 契約條款及其他注意事項加框線。
• 6. 選擇設備號碼: 選擇框樣式明顯化，讓用戶知道可點擊而非輸入欄位。
• 7. 修改第三方js引用路徑，統一lightbox關閉鈕的 class 名稱讓 lightbox可以關閉

12/12 做的更動

• custom-radio.html 放自製的 radio
• 加入 matchHeight js 外掛，使用說明如下：
  1. 引入並放在 jauery 之後 <script type="text/javascript" src="../js/jquery.matchHeight.js"></script>
  2. 頁內啟用： $('.product_kits_card').matchHeight({ byRow: false, // 同行等高？ property: 'height' });
  3. 目前預設同行等高 false （就是同頁全部等高），可自行修改 true or false。
  4. matchHeight link: https://github.com/liabru/jquery-match-height
• matchHeight 套用到：
  1. order/sold_plan.html
  2. order/nophone_plan.html
  3. order/nophone_plan_old.html
• 修正錯誤的 meta tag 內容（分號改為逗號）
• 調整文字內容
• 須覆蓋 css，部分頁面加上 matchheight.js

11/28 做的更動

• /order/sold_plan.html新增了自製的大型 radio 按鈕，只有在 mobile 版才會變化
• html 結構包括 span 的次序都要一模一樣才能運作
• 需要更新 css 並配合以下 html

11/15 做的更動

• /order/sold_plan.html, nophone_plan.html 更新樣式

11/7 做的更動

• order/sold_plan.html 修改卡片外觀
• 有 8 頁的 recpacha 變成驗證碼欄位

10/7 做的更動

• 測試 default, layout, base 三隻 css, 由於沒有給 html，所以只好自己下載首頁的 html 套上
• http://d.pr/v/rlPxt8

10/18 做的更動

• override base.css 對 ul 做的更動

10/13 做的更動

• pagination 間距修正
• new_numbers, nophone_new_numbers 增加【清除篩選條件】
• type= number --> type= tel
• new_numbers, nophone_new_bumbers: 下方增加換頁介面
• 現行行動申購共十頁：購機/不購機攜碼門號改成欄位輸入
• 重新整理了 html, 之前跑 tidy 的時候有些頁面多了 " 導致 tidy 錯亂，造成一堆跑版
• 資費選擇頁 filter 正常運作
• 把所有出現過的樣式包到 .cht-style 底下，連 reset 都包進去以避免任何衝突
• 可以防止 cht-style 影響其他 css，但不能保證其他 css 不影響 cht-style 裡面的內容

10/6 做的更動

• IE11：移除原生下拉選單箭頭
• 修復表單掉下來的狀況
• tidy html

10/4 做的更動

• 把 lightbox 的 z-index 設定成 1100，比 chtBar 高。
• 把所有 css 放在 .cht-style 下避免衝突。
• 新增四個範例檔案
• 把所有 html 調整為 .cht-style 底下

登入

手機有貨

手機補貨

手機預約

手機沒貨

不購機

其他