內容 檔名 備註說明
我的帳單 01_A_01_liff  
01_A_02_updated

2018/03/27 Q:調整line pay排列順序及使用line pay圖檔加上TAB效果
修改html及CSS及加入line pay圖檔linEpayLogotxt@2x.png

1.在<body>後加入<div class="basicheight">及在<footer class="footer">前加入</div>

2.在</footer>後加入
<script src="js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).on('ready', function() {

$('#main2').show();
$('.tab1').click( function(event) {
$('#main2').hide();
$('#main1').show();
});
$('.tab2').click( function(event) {
$('#main1').hide();
$('#main2').show();
});
});
$('.tab3').click(function(){
window.location.href = "01_C_liff_02.html";
});

</script>

3.修改選項順序
<div class="select-radio">
<div class="pure-g">
<div class="pure-u-1-3">
<label class="container tab2"><span class="linepay"></span>
<input name="realtab" type="radio" value="1" checked>
<span class="checkmark"></span></label>
</div>
<div class="pure-u-1-3">
<label class="container tab1">信用卡
<input name="realtab" type="radio" value="0">
<span class="checkmark"></span></label>
</div>
<div class="pure-u-1-3">
<label class="container tab3">手機條碼
<input name="realtab" type="radio" value="2">
<span class="checkmark"></span></label>
</div>
</div>
</div>

4.加入選項tab
<div id="main2" class="tabblock tabblockhide">
<div class="contract-agree">
<input type="checkbox" id="linepaycontract" name="linepaycontract" value="我同意綁定每月帳單以此LINE Pay自動扣款"/>
<label for="linepaycontract" class="mt20 pb0" ><span><i class="list-icon"></i></span>我同意綁定每月帳單以此LINE Pay自動扣款</label>
</div>
</div>

5.修改<div id="main1" class="tabblock tabblockhide">

6.修改css/myaccount.css

我的帳單 – 信用卡繳款 01_B_01_liff  
01_B_01_updated  
01_B_02_liff

2018/03/27 Q:調整line pay排列順序及使用line pay圖檔
修改html及CSS及加入line pay圖檔linEpayLogotxt@2x.png

1.在<body>後加入<div class="basicheight">及在<footer class="footer">前加入</div>

2.修改js
<script src="js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).on('ready', function() {

$('#main2').show();
$('.tab1').click( function(event) {
$('#main2').hide();
$('#main1').show();
});
$('.tab2').click( function(event) {
$('#main1').hide();
$('#main2').show();
});
});
$('.tab3').click(function(){
window.location.href = "01_C_liff_02.html";
});

</script>

3.修改選項順序
<div class="select-radio">
<div class="pure-g">
<div class="pure-u-1-3">
<label class="container tab2"><span class="linepay"></span>
<input name="realtab" type="radio" value="1" checked>
<span class="checkmark"></span></label>
</div>
<div class="pure-u-1-3">
<label class="container tab1">信用卡
<input name="realtab" type="radio" value="0">
<span class="checkmark"></span></label>
</div>
<div class="pure-u-1-3">
<label class="container tab3">手機條碼
<input name="realtab" type="radio" value="2">
<span class="checkmark"></span></label>
</div>
</div>
</div>


4.修改css/myaccount.css

01_B_02_updated

2018/03/22 Q:針對網頁高度不足做修正
修改html及CSS

1.在<body>後加入<div class="basicheight">及在<footer class="footer">前加入</div>

2.修改css/myaccount.css

手機條碼繳款-便利商店繳款 01_C_liff  
手機條碼繳款-遠傳直營門市繳款 01_C_liff_02  
未出帳明細 02_updated  
合約明細 03_updated  
我的交易紀錄-發票紀錄 04_liff  
我的交易紀錄-繳費紀錄 04_liff_02  
我的交易紀錄-交易紀錄 04_liff_03  
     
以下為新增頁面    
我的帳單>有設定自動扣繳 >變更自動扣款資料 01_B_02_updated_變更自動扣款資料

2018/03/22 Q:針對網頁高度不足做修正
修改html及CSS

1.在<body>後加入<div class="basicheight">及在<footer class="footer">前加入</div>

2.修改css/myaccount.css

我的交易紀錄 – 發票紀錄-無發票紀錄 04_liff_無發票紀錄  
我的交易紀錄 – 繳費紀錄-無繳費紀錄 04_liff_02_無繳費紀錄  
我的交易紀錄 – 交易紀錄-無交易紀錄 04_liff_03_無交易紀錄  
門號服務 >信用卡自動扣繳設定>已申請自動扣繳 01_B_02_liff_已申請自動扣繳  
門號服務 >信用卡自動扣繳設定>未申請自動扣繳 01_B_02_liff_未申請自動扣繳  
合約明細>無合約或合約到期 03_updated_無合約或合約到期

2018/03/22 Q:針對網頁高度不足做修正
修改html及CSS

1.在<body>後加入<div class="basicheight">及在<footer class="footer">前加入</div>

2.修改css/myaccount.css

我的帳單-LINE PAY 繳款 01_B_01_updated_linepay  
索取紙本發票 01_B_02_updated_索取紙本發票

2018/03/22 Q:針對網頁高度不足做修正
修改html及CSS

1.在<body>後加入<div class="basicheight">及在<footer class="footer">前加入</div>

2.修改css/myaccount.css

變更發票地址 01_B_02_updated_變更發票地址  
變更發票地址>為郵政信箱 01_B_02_updated_變更發票地址_為郵政信箱  
lightbox lightbox  
footer footer  
我的帳單 01_A_02_updated_old

1.在<body>後加入<div class="basicheight">及在<footer class="footer">前加入</div>

2.修改css/myaccount.css
.container strong{ font-weight:bold;font-family: "San Francisco Text semibold"; color:#04BD41;}

我的帳單 – 信用卡繳款 01_B_02_liff_old

1.修改css/myaccount.css
.container strong{ font-weight:bold;font-family: "San Francisco Text semibold"; color:#04BD41;}