經常使用樣式

//清楚浮動       

 .clearfix:after {
                content: " ";
                display: block;
                height: 0;
                clear: both;
            }
            /*---滾動條默認顯示樣式--*/
            
            #demo::-webkit-scrollbar-thumb {
                background-color: #0f1a2a;
                height: 50px;
                outline-offset: -2px;
                outline: 2px solid #0f1a2a;
                -webkit-border-radius: 4px;
                border: 2px solid #0f1a2a;
            }
            /*---鼠標點擊滾動條顯示樣式--*/
            
            #demo::-webkit-scrollbar-thumb:hover {
                background-color: #0f1a2a;
                height: 50px;
                -webkit-border-radius: 4px;
            }
            /*---滾動條大小--*/
            
            #demo::-webkit-scrollbar {
                width: 1px;
                height: 1px;
            }
            /*---滾動框背景樣式--*/
            
            #demo::-webkit-scrollbar-track-piece {
                background-color: #0f1a2a;
                -webkit-border-radius: 0;
            }

// 時間戳轉爲分鐘數

reversalTime: function(e){

var a = parseInt(e/1000);

var hour = (a / 3600 >= 1) ? parseInt(a / 3600) : 0;

var minute = ((a % 3600) / 60 >= 1) ? parseInt((a % 3600) / 60) : 0;

var second = ((a % 3600) % 60 > 0) ? ((a % 3600) % 60) : 0;

var str = hour +':'+ minute +':'+ second;

return str;

},

// 時間轉換

resTime: function (str) {

var hour = str.split(":")[0];

var minute = str.split(":")[1];

var sec = str.split(":")[2];

return (hour * 3600 + minute * 60 + sec);

},

wx.getSystemInfo({

success: (res) => { // 用這種方法調用，this指向Page

that.setData({

winH: res.windowHeight

});

}

});