我的样式优化
This commit is contained in:
@@ -105,15 +105,16 @@ export default {
|
||||
|
||||
<style scoped>
|
||||
.head { margin: 24rpx; padding: 28rpx; display: flex; align-items: center; }
|
||||
.av { width: 96rpx; height: 96rpx; border-radius: 12rpx; background: #1677FF; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 36rpx; font-weight: 700; overflow: hidden; }
|
||||
.av { width: 96rpx; height: 96rpx; border-radius: 22rpx; background: #E8F1FF; color: #1677FF; display: flex; align-items: center; justify-content: center; font-size: 36rpx; font-weight: 700; overflow: hidden; }
|
||||
.av.img { width: 96rpx; height: 96rpx; }
|
||||
.meta { flex: 1; margin-left: 20rpx; }
|
||||
.n { display: block; font-size: 32rpx; font-weight: 700; }
|
||||
.s { font-size: 22rpx; color: #6B7280; }
|
||||
.arr { color: #D1D5DB; }
|
||||
.card { margin: 0 24rpx 24rpx; overflow: hidden; }
|
||||
.row { display: flex; justify-content: space-between; padding: 28rpx 24rpx; font-size: 28rpx; border-bottom: 1rpx solid #f0f0f0; }
|
||||
.sw { color: #6B7280; }
|
||||
.sw.on { color: #07c160; font-weight: 600; }
|
||||
.danger { color: #fa5151; justify-content: center; border-bottom: none; }
|
||||
.row { display: flex; justify-content: space-between; align-items: center; padding: 28rpx 24rpx; font-size: 28rpx; border-bottom: 1rpx solid #F0F2F5; }
|
||||
.row:last-child { border-bottom: none; }
|
||||
.sw { color: #9CA3AF; }
|
||||
.sw.on { color: #1677FF; font-weight: 600; }
|
||||
.danger { color: #DC2626; justify-content: center; }
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user