goodsPoster.wxss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. page {
  2. height: 100%;
  3. width: 100%;
  4. background: #f4f4f4;
  5. }
  6. .container {
  7. background: #f4f4f4;
  8. /* height: 100%;
  9. overflow: hidden; */
  10. width: 100%;
  11. padding:0rpx 0rpx 130rpx;
  12. padding-bottom: constant(safe-area-inset-bottom);
  13. padding-bottom: env(safe-area-inset-bottom);
  14. box-sizing: content-box;
  15. }
  16. .bottom{
  17. position:fixed;
  18. bottom: 0;
  19. left:0 ;
  20. right:0;
  21. display: flex;
  22. height: 112rpx;
  23. align-items: center;
  24. padding:0 86rpx;
  25. justify-content: space-between;
  26. background: #fff;
  27. padding-bottom: constant(safe-area-inset-bottom);
  28. padding-bottom: env(safe-area-inset-bottom);
  29. box-sizing: content-box;
  30. }
  31. .btn{
  32. width:228rpx;
  33. height: 82rpx;
  34. line-height: 82rpx;
  35. font-size: 30rpx;
  36. text-align: center;
  37. background: #09AFFF;
  38. border-radius: 82rpx;
  39. color: #fff;
  40. padding:0 20rpx;
  41. }
  42. .poster{
  43. position: absolute;
  44. top: 100rpx;
  45. margin: 0rpx 125rpx;
  46. }
  47. .title{
  48. color: #fff;
  49. margin: 20rpx 0;
  50. font-size: 30rpx;
  51. }
  52. .ads{
  53. margin: 10rpx 0rpx;
  54. color: #fff;
  55. }
  56. .tool{
  57. display: flex;
  58. text-align: center;
  59. justify-content: baseline;
  60. width: 100%;
  61. }
  62. .tool view{
  63. flex: 1;
  64. }
  65. .img{
  66. width: 107rpx;
  67. height: 128rpx;
  68. }