Commit 302c195a authored by jyx's avatar jyx

优化样式

parent d083c50c
...@@ -220,7 +220,6 @@ ...@@ -220,7 +220,6 @@
@import '@/scss/uni.scss'; @import '@/scss/uni.scss';
.body { .body {
background-color: whitesmoke;
} }
.avatar { .avatar {
......
<template> <template>
<view class="c-flex_row c-aligns_center c-justify_between read-time-count-row"> <view class="c-flex_row c-aligns_center c-justify_between read-time-count-row">
<view class="c-flex_row c-aligns_center"> <view class="c-flex_row c-aligns_center">
<view class="title"> <view class="label">
今日<br>已读 <view class="title">
今日<br>已读
</view>
</view> </view>
<!-- <view class="value" v-if='count.count'> --> <!-- <view class="value" v-if='count.count'> -->
<view class="value"> <view class="value">
...@@ -74,13 +76,21 @@ ...@@ -74,13 +76,21 @@
.read-time-count-row { .read-time-count-row {
padding: 20rpx; padding: 20rpx;
.title { .label {
width: 80rpx; width: 90rpx;
font-size: 30rpx; height: 90rpx;
font-weight: 600; display: flex;
color: #000000; align-items: center;
margin-right: 15rpx; margin-right: 15rpx;
letter-spacing: 6rpx; justify-content: center;
.title {
font-size: 30rpx;
font-weight: 500;
color: #000000;
letter-spacing: 0.33em;
line-height: 1.33em;
}
} }
.value { .value {
...@@ -107,8 +117,8 @@ ...@@ -107,8 +117,8 @@
font-weight: 700; font-weight: 700;
} }
.count-unit { .count-unit {
font-size: 20rpx; font-size: 20rpx;
position: absolute; position: absolute;
left: 50%; left: 50%;
transform: translate(-50%); transform: translate(-50%);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment