zyh_card.wxss 906 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. /* components/zyh_card/zyh_card.wxss */
  2. @import '../../styles/index.wxss';
  3. /* 标题栏 */
  4. .title {
  5. height: 90rpx;
  6. display: flex;
  7. justify-content: space-between;
  8. align-items: center;
  9. padding: 0 24rpx;
  10. font-size: 28rpx;
  11. }
  12. /* 分割线 */
  13. .cut-line {
  14. border-top: 1rpx solid #F3F4F5;
  15. }
  16. /* 内容栏 */
  17. .content {
  18. position: relative;
  19. padding: 32rpx 24rpx;
  20. display: flex;
  21. justify-content: flex-start;
  22. align-items: flex-start;
  23. flex-direction: column;
  24. }
  25. .content>.name {
  26. font-size: 30rpx;
  27. font-weight: 700;
  28. color: #333333;
  29. }
  30. .content>.phone {
  31. font-size: 30rpx;
  32. font-weight: 400;
  33. color: #606266;
  34. margin-top: 10rpx;
  35. }
  36. .content>.code {
  37. font-size: 26rpx;
  38. font-weight: 400;
  39. color: #B0B3B9;
  40. margin-top: 18rpx;
  41. }
  42. .content>.photo {
  43. position: absolute;
  44. font-size: 26rpx;
  45. font-weight: 400;
  46. width: 100rpx;
  47. height: 100rpx;
  48. border-radius: 40rpx;
  49. right: 24rpx;
  50. }