Scribd Logo
Upload

Welcome to Scribd!

  • Index WXSS

    Uploaded by

    georgeleong4646
    11 views2 pages
    This document contains CSS styles for formatting different elements on a page. It defines styles for the overall page layout, headings, text, sections containing power usage information with nested elements for the title, icon, and more. Styles are set for font, color, size, padding and other properties. The CSS is used to control visual presentation of the content.

    Original Description:

    Original Title

    index-WXSS

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document contains CSS styles for formatting different elements on a page. It defines styles for the overall page layout, headings, text, sections containing power usage information with nested elements for the title, icon, and more. Styles are set for font, color, size, padding and other properties. The CSS is used to control visual presentation of the content.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    11 views2 pages

    Index WXSS

    Uploaded by

    georgeleong4646
    This document contains CSS styles for formatting different elements on a page. It defines styles for the overall page layout, headings, text, sections containing power usage information with nested elements for the title, icon, and more. Styles are set for font, color, size, padding and other properties. The CSS is used to control visual presentation of the content.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    /**index.

    wxss**/

    page {
    padding-top: 54rpx;
    background-color: #f6f6f6;
    padding-bottom: 60rpx;
    }

    .title {
    font-family: PingFang SC;
    font-weight: 500;
    color: #000000;
    font-size: 44rpx;
    margin-bottom: 40rpx;
    }

    .top_tip {
    font-size: 28rpx;
    font-family: PingFang SC;
    font-weight: 400;
    color: #888888;
    margin-bottom: 28rpx;
    }

    .power {
    margin-top: 30rpx;
    border-radius: 5px;
    background-color: white;
    width: 93%;
    padding-bottom: 1rpx;
    }

    .power_info {
    display: flex;
    padding: 30rpx 25rpx;
    align-items: center;
    justify-content: space-between;
    }

    .power_info_more {
    width: 30rpx;
    height: 30rpx;
    transform: rotate(90deg);
    }

    .power_info_less {
    width: 30rpx;
    height: 30rpx;
    transform: rotate(270deg);
    }

    .power_info_text {
    display: flex;
    flex-direction: column;
    }

    .power_info_text_title {
    margin-bottom: 10rpx;
    font-weight: 400;
    font-size: 35rpx;
    }

    .power_info_text_tip {
    color: rgba(0, 0, 0, 0.4);
    font-size: 25rpx;
    }

    .power_item {
    padding: 30rpx 25rpx;
    display: flex;
    justify-content: space-between;
    }

    .power_item_title {
    font-size: 30rpx;
    }

    .power_item_icon {
    width: 30rpx;
    height: 30rpx;
    }

    .line {
    width: 95%;
    margin: 0 auto;
    height: 2rpx;
    background-color: rgba(0, 0, 0, 0.1);
    }

    .environment {
    color: rgba(0, 0, 0, 0.4);
    font-size: 24rpx;
    margin-top: 25%;
    }

    You might also like