123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475 |
- @charset "UTF-8";
- /* 需要放到文件最上面 */
- /* 水平间距 */
- /* 水平间距 */
- /*
- 以下变量是默认值,如不需要修改可以不用给下面的变量重新赋值
- */
- /* 水平间距 */
- .meter-index {
- padding: 30rpx;
- }
- .meter-index .meter-box {
- background: #fff;
- padding: 30rpx;
- border-radius: 16rpx;
- box-shadow: 0px 1px 12px rgba(3, 3, 3, 0.08);
- }
- .meter-index .meter-box .title {
- font-size: 40rpx;
- font-weight: 500;
- }
- .meter-index .meter-box .sub-title {
- font-size: 24rpx;
- color: #8c8c8c;
- font-weight: 200;
- }
- .meter-index .meter-box .meter-box-content {
- display: flex;
- align-items: center;
- padding: 80rpx 0 40rpx 0;
- }
- .meter-index .meter-box .meter-box-list {
- flex: 1;
- width: 0;
- overflow: hidden;
- }
- .meter-index .meter-box .content-item {
- margin-bottom: 20rpx;
- }
- .meter-index .meter-box .content-item-title {
- display: flex;
- align-items: center;
- }
- .meter-index .meter-box .content-item-title .content-item-icon {
- width: 60rpx;
- height: 60rpx;
- text-align: center;
- line-height: 60rpx;
- }
- .meter-index .meter-box .content-item-title .label {
- font-size: 24rpx;
- font-weight: 300;
- margin-left: 10rpx;
- }
- .meter-index .meter-box .content-item-article {
- display: flex;
- align-items: flex-end;
- padding-left: 70rpx;
- padding-top: 10rpx;
- }
- .meter-index .meter-box .content-item-article .number {
- font-size: 40rpx;
- line-height: 40rpx;
- }
- .meter-index .meter-box .content-item-article .unit {
- color: #8c8c8c;
- margin-left: 8rpx;
- font-size: 24rpx;
- }
- .meter-index .meter-box .meter-image {
- width: 200rpx;
- height: 200rpx;
- margin-right: 40rpx;
- }
|