index.wxss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. page{
  2. background: #fff;
  3. }
  4. .content{
  5. padding-bottom: 120rpx;
  6. }
  7. .rich,.article{
  8. border-bottom: 20rpx solid #eee;
  9. }
  10. .content .article,.content .rich{
  11. padding: 20rpx;
  12. overflow: hidden;
  13. }
  14. .content .article image{
  15. width: 100%;
  16. }
  17. .content .title{
  18. display: flex;
  19. flex-direction: row;
  20. justify-content: space-between;
  21. padding-bottom: 20rpx;
  22. border-bottom: 2rpx solid rgba(0,0,0,.15);
  23. margin: 40rpx 20rpx 20rpx;
  24. }
  25. .content .title .leftTitle{
  26. font-size: 34rpx;
  27. font-weight: 700;
  28. padding: 0 10rpx;
  29. border-left: 8rpx solid #ee3a43;
  30. }
  31. .content .title .rightBtn{
  32. font-size: 30rpx;
  33. color: #ff5c5d;
  34. }
  35. .imagelist{
  36. border: 0;
  37. }
  38. .content .imagelist .img{
  39. margin-bottom: 20rpx;
  40. }
  41. .content .btn{
  42. width: calc(100% - 20rpx);
  43. position: fixed;
  44. bottom: 0;
  45. box-shadow: 0 -4rpx 5rpx rgba(0,0,0,.2);
  46. display: flex;
  47. flex-direction: row;
  48. padding: 10rpx;
  49. background: #fff;
  50. justify-content: space-around;
  51. }
  52. .content .btn button{
  53. /* width: 100%; */
  54. color: #fff;
  55. border-radius: 0;
  56. border: 0;
  57. line-height: 2.2;
  58. border-radius: 10rpx;
  59. }
  60. /* 主题 */
  61. /* 红色 */
  62. .redContent button{background-image: linear-gradient(to right, #ee3a43, #ff8483)}
  63. /* 蓝色 */
  64. .blueContent button{background-image: linear-gradient(to right, #509cd3, #bfdfe7)}
  65. /* 绿色 */
  66. .greenContent button{background-image: linear-gradient(to right, #698b36, #95b06a)}