同事资料
This commit is contained in:
+13
-12
@@ -108,22 +108,23 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.body { padding: 24rpx; }
|
.body { padding: 16rpx 24rpx 48rpx; }
|
||||||
.profile { padding: 28rpx; display: flex; align-items: center; }
|
.profile { padding: 32rpx 24rpx; display: flex; align-items: center; }
|
||||||
.av { width: 128rpx; height: 128rpx; border-radius: 20rpx; background: #1677FF; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 48rpx; font-weight: 700; }
|
.av { width: 112rpx; height: 112rpx; border-radius: 24rpx; background: #E8F1FF; color: #1677FF; display: flex; align-items: center; justify-content: center; font-size: 44rpx; font-weight: 650; }
|
||||||
.av.img { border-radius: 20rpx; }
|
.av.img { border-radius: 24rpx; }
|
||||||
.info { margin-left: 24rpx; flex: 1; min-width: 0; }
|
.info { margin-left: 20rpx; flex: 1; min-width: 0; }
|
||||||
.nm { display: flex; align-items: center; gap: 12rpx; }
|
.nm { display: flex; align-items: center; gap: 12rpx; }
|
||||||
.n { font-size: 36rpx; font-weight: 700; }
|
.n { font-size: 36rpx; font-weight: 650; color: #111827; }
|
||||||
.tag { font-size: 20rpx; background: #E8F1FF; color: #4B5563; padding: 2rpx 10rpx; border-radius: 8rpx; }
|
.tag { font-size: 22rpx; background: #E8F8EF; color: #16A34A; padding: 2rpx 10rpx; border-radius: 8rpx; }
|
||||||
.s, .ph { display: block; font-size: 24rpx; color: #6B7280; margin-top: 8rpx; }
|
.s, .ph { display: block; font-size: 24rpx; color: #6B7280; margin-top: 6rpx; }
|
||||||
.copy { color: #1677FF; margin-left: 12rpx; }
|
.copy { color: #1677FF; margin-left: 12rpx; }
|
||||||
.acts { display: flex; gap: 16rpx; margin: 20rpx 0; }
|
.acts { display: flex; gap: 16rpx; margin: 20rpx 0; }
|
||||||
.act { flex: 1; background: #fff; border-radius: 16rpx; padding: 20rpx 8rpx; display: flex; flex-direction: column; align-items: center; font-size: 22rpx; font-weight: 600; box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.03); }
|
.act { flex: 1; background: #fff; border-radius: 20rpx; border: 1rpx solid rgba(17,24,39,0.06); padding: 20rpx 8rpx; display: flex; flex-direction: column; align-items: center; font-size: 22rpx; font-weight: 600; color: #111827; }
|
||||||
.ai { font-size: 36rpx; color: #1677FF; margin-bottom: 8rpx; }
|
.ai { font-size: 36rpx; color: #1677FF; margin-bottom: 8rpx; }
|
||||||
.rows { overflow: hidden; margin-bottom: 20rpx; }
|
.rows { overflow: hidden; margin-bottom: 20rpx; }
|
||||||
.row { display: flex; justify-content: space-between; padding: 28rpx 24rpx; font-size: 28rpx; border-bottom: 1rpx solid #E8ECF2; }
|
.row { display: flex; justify-content: space-between; align-items: center; padding: 28rpx 24rpx; font-size: 28rpx; }
|
||||||
.k { color: #4B5563; }
|
.row + .row { border-top: 1rpx solid #F0F2F5; }
|
||||||
|
.k { color: #6B7280; }
|
||||||
.v { color: #111827; }
|
.v { color: #111827; }
|
||||||
.brand { color: #1677FF; }
|
.brand { color: #1677FF; font-weight: 600; }
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user