Authored by bevishuang

签到样式优化

@@ -96,6 +96,8 @@ page { @@ -96,6 +96,8 @@ page {
96 width: 100rpx; 96 width: 100rpx;
97 height: 100rpx; 97 height: 100rpx;
98 overflow: hidden; 98 overflow: hidden;
  99 + margin-top: 20rpx;
  100 + /* background-color: #ddf; */
99 } 101 }
100 102
101 .activity-clock-page .clock-area-container .area-item .flip-block .overflow-hidden-block-start { 103 .activity-clock-page .clock-area-container .area-item .flip-block .overflow-hidden-block-start {
@@ -104,22 +106,15 @@ page { @@ -104,22 +106,15 @@ page {
104 overflow: hidden; 106 overflow: hidden;
105 } 107 }
106 108
107 -/* .activity-clock-page .clock-area-container .area-item .flip-block.active {  
108 - z-index: 5;  
109 -} */  
110 -  
111 -/* .activity-clock-page .clock-area-container .area-item .rotate-y {  
112 - transform: rotateY(-180deg);  
113 -} */  
114 -  
115 -.activity-clock-page .clock-area-container .flip-block.flip-poker .overflow-hidden-block {  
116 - width: 100rpx;  
117 - height: 100rpx;  
118 - margin: 40rpx 50rpx 0;  
119 -} 109 +/* .activity-clock-page .clock-area-container .flip-block.flip-poker .overflow-hidden-block { */
  110 + /* width: 100rpx;
  111 + height: 100rpx; */
  112 + /* margin: 40rpx 50rpx 0; */
  113 +/* } */
120 114
121 .overflow-hidden-block-text { 115 .overflow-hidden-block-text {
122 - display: -webkit-box; 116 + height: 90rpx;
  117 + display: flex;
123 font-family: SourceHanSansHWSC-Bold; 118 font-family: SourceHanSansHWSC-Bold;
124 font-size: 28rpx; 119 font-size: 28rpx;
125 color: #1C1C1B; 120 color: #1C1C1B;
@@ -127,8 +122,13 @@ page { @@ -127,8 +122,13 @@ page {
127 text-overflow: ellipsis; 122 text-overflow: ellipsis;
128 overflow: hidden; 123 overflow: hidden;
129 -webkit-box-orient: vertical; 124 -webkit-box-orient: vertical;
130 - margin: 20rpx 20rpx 5rpx; 125 + /* margin: 20rpx 0 20rpx 0; */
  126 + margin-left: 20rpx;
  127 + margin-right: 20rpx;
131 font-weight: bold; 128 font-weight: bold;
  129 + align-items: center;
  130 + /* background-color: rgb(70, 70, 223); */
  131 +
132 } 132 }
133 133
134 .activity-clock-page image { 134 .activity-clock-page image {