| | |
| | | <template> |
| | | <!-- 专项分析 --> |
| | | <view class="container"> |
| | | <view class="content-box font-14 mt-10"> |
| | | <view class="content-box-row flex align-center justify-between"> |
| | | <text>12月11日</text> |
| | | <text>¥1,712</text> |
| | | </view> |
| | | <view class="content-box-row flex align-center justify-between"> |
| | | <text>12月12日</text> |
| | | <text>¥1,712</text> |
| | | </view> |
| | | <view class="content-box-row flex align-center justify-between"> |
| | | <text>12月13日</text> |
| | | <text>¥1,712</text> |
| | | </view> |
| | | <view class="content-box-row flex align-center justify-between"> |
| | | <text>12月14日</text> |
| | | <text>¥1,712</text> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | </template> |
| | | |
| | | <script> |
| | | </script> |
| | | |
| | | <style> |
| | | page{ |
| | | background: #F6F6F8; |
| | | } |
| | | .container{ |
| | | padding: 0 10px; |
| | | } |
| | | .content-box{ |
| | | border: 1px solid #EDEAF4; |
| | | border-radius: 4px; |
| | | background: #FFFFFF; |
| | | padding: 0 10px; |
| | | } |
| | | .content-box-row{ |
| | | border-bottom: 1px solid #EDEAF4; |
| | | padding: 10px 0; |
| | | } |
| | | .content-box-row:nth-last-child(1){ |
| | | border: 0; |
| | | } |
| | | </style> |