jInfo.wxss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. /* pages/journalDetail/journalDetail.wxss */
  2. .container{
  3. /* margin:30rpx; */
  4. background: #fff;
  5. border-radius: 10rpx;
  6. padding:20rpx;
  7. }
  8. .baseinfo{
  9. display: flex;
  10. margin-bottom:30rpx;
  11. position: relative;
  12. }
  13. .baseinfo .faceimg{
  14. margin-right: 20rpx;
  15. }
  16. .baseinfo .faceimg image{
  17. width:170rpx;
  18. height: 236rpx;
  19. box-shadow: 2px 2px 10rpx 1px rgba(0, 0, 0, 0.2);
  20. }
  21. .baseinfo .tweo view{
  22. margin-bottom:24rpx;
  23. font-size: 24rpx;
  24. color: #999999;
  25. }
  26. .baseinfo .tweo .title{
  27. font-size: 32rpx;
  28. color:#333333;
  29. margin-bottom:40rpx;
  30. padding-right: 136rpx;
  31. }
  32. .baseinfo .gzgzh{
  33. position: absolute;
  34. width: 136rpx;
  35. height: 48rpx;
  36. background: #298EF9;
  37. border-radius: 8rpx;
  38. font-size:20rpx;
  39. color:#ffffff;
  40. right: 20rpx;
  41. padding:0px;
  42. line-height: 48rpx;
  43. }
  44. .intro text{
  45. font-size: 28rpx;
  46. color: #333333;
  47. font-weight: 500;
  48. }
  49. .intro .desc{
  50. margin-top:30rpx;
  51. color: #666666;
  52. line-height: 45rpx;
  53. }
  54. .content{
  55. margin-top:48rpx;
  56. }
  57. .content view{
  58. margin-bottom:28rpx;
  59. color: #333333;
  60. }
  61. .more{
  62. color: #298EF9;
  63. display: block;
  64. text-align: center;
  65. margin-top: 50rpx;
  66. }