Accueil Explorer Aide
S'inscrire Connexion
xionghaojie
/
H5_module
1
0
Fork 0
Fichiers Tickets 0 Pull Requests 0 Wiki
Branche: master
Branches Tags
H5_module
/
integralshop
/
detail
/
detail.css

detail.css 6.3 KB
Lien permanent Historique Raw

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283 
  1. /* pages/detail/detail.wxss */
    2. 

  2. .banner{overflow: hidden;position: relative;background: #fff;}
    3. 

  3. .swiper,.swiper image{width: 100%;height: 750rpx;}
    4. 

  4. .dots{position: absolute;left: 0;right: 0;bottom: 11rpx;align-items: center;justify-content: center;}
    5. 

  5. .dot{background:var(--mina) ;width: 10rpx;height: 10rpx;border-radius: 5rpx;margin: 0 3rpx;}
    6. 

  6. .dot.active{width: 30rpx;}
    7. 

  7. .info{padding: 30rpx 30rpx 40rpx;}
    8. 

  8. .infos{align-items: center;justify-content: space-between;}
    9. 

  9. .price{font-size: 28rpx;color: #FE0419;align-items: flex-end;}
    10. 

  10. .price text{font-size: 40rpx;color: #FE0419;font-weight: bold;}
    11. 

  11. .price text.origin{font-weight: normal;font-size: 24rpx;color: #999;text-decoration: line-through;margin-left: 10rpx;}
    12. 

  12. /* 积分产品 */
    13. 

  13. .bot .btnfot{flex: 0.5;display: flex;justify-content: space-around;}
    14. 

  14. .bot .btnbuy{flex: 0.5;display: flex;}
    15. 

  15. .price text.money{font-size: 26rpx;color: #FE0419;}
    16. 

  16. .hyprice{align-items: center;margin-left: 15rpx;}
    17. 

  17. .hyprice text{font-size: 30rpx;color: #333;font-weight: bold;}
    18. 

  18. .hytxt{position: relative;width: 78rpx;height: 25rpx;margin-left: 8rpx;}
    19. 

  19. .hytxt image{display: block;width: 78rpx;height: 25rpx;position: absolute;z-index: 1;top: 0;left: 0;}
    20. 

  20. .hytxt text{font-size: 18rpx;color: #FFD9AF;position: relative;z-index: 2;font-weight: normal;display: block;line-height: 25rpx;text-align: center;padding-left: 5rpx;}
    21. 

  21. .share{font-size: 20rpx;color: #999;text-align: center;position: relative;}
    22. 

  22. .share::after{content: '';display: block;width: 2rpx;height: 45rpx;background: #e7e7e7;position: absolute;top: 50%;transform: translateY(-50%);left: -30rpx;}
    23. 

  23. .share image{width: 31rpx;height: 31rpx;margin: 0 auto 10rpx;}
    24. 

  24. .title{font-size: 30rpx;color: #222;line-height: 40rpx;font-weight: bold;margin-top: 25rpx;}
    25. 

  25. .tag{width: 82rpx;height: 36rpx;display: inline-block;margin: 0 10rpx 0 0;position: relative;top: 7rpx;}
    26. 

  26. .detinfo .item{padding: 30rpx;border-bottom: 1rpx solid #f6f6f6;}
    27. 

  27. .detinfo .item:last-child{border-bottom: none;}
    28. 

  28. .item label{display: block;width: 120rpx;font-size: 28rpx;color: #222;font-weight: bold;line-height: 40rpx;}
    29. 

  29. .quan .flex{align-items: center;}
    30. 

  30. .quan text{display: block;background: #FDF5F3;padding: 0 13rpx;height: 40rpx;line-height: 40rpx;font-size: 24rpx;color: #FF5F08;margin-right: 10rpx;}
    31. 

  31. .ling{font-size: 24rpx;color: #FF5F08;align-items: center;}
    32. 

  32. .ling image{width: 14rpx;height: 24rpx;margin-left: 11rpx;}
    33. 

  33. .address{font-size: 28rpx;color: #333;line-height: 40rpx;}
    34. 

  34. .huo{font-size: 24rpx;color: #666;line-height: 40rpx;}
    35. 

  35. .huo text{color: #FE0419;}
    36. 

  36. .more{width: 36rpx;height: 10rpx;margin-top: 15rpx;}
    37. 

  37. /* .user{width: 68rpx;height: 68rpx;border-radius: 50%;margin-right: 15rpx;} */
    38. 

  38. .name{font-size: 28rpx;color: #666;line-height: 68rpx;justify-content: space-between;align-items: center;}
    39. 

  39. .pinglun{font-size: 28rpx;color: #333;margin: 15rpx 0 0;line-height: 44rpx;}
    40. 

  40. .huifu{background: #F2F2F2;border-radius: 6rpx;margin: 25rpx 0 0;line-height: 42rpx;padding: 20rpx 30rpx;position: relative;}
    41. 

  41. .huifu::after{content: '';display: block;width: 0;height: 0;border: 9rpx solid transparent;border-bottom-color: #F2F2F2;border-top: none;position: absolute;top: -8rpx;left: 39rpx;}
    42. 

  42. .show{display: block;}
    43. 

  43. .hide{display: none;}
    44. 

  44. 

  45. .bot{height: 80rpx;align-items: center;padding: 20rpx 30rpx 20rpx 0;}
    46. 

  46. .botbtn{font-size: 22rpx;color: #6A6A6A;width: 95rpx !important;text-align: center;position: relative;}
    47. 

  47. .botbtn image{width: 40rpx;height: 34rpx;margin: 10rpx auto 5rpx;}
    48. 

  48. .message{background: #DF1A14;height: 28rpx;line-height: 28rpx;font-size: 20rpx;color: #fff;text-align: center;border-radius: 15rpx;box-sizing: border-box;min-width: 21rpx;padding: 0 8rpx;position: absolute;top: 0;right: 25%;}
    49. 

  49. .addcart{width: 206rpx;height: 76rpx;border: 2rpx solid #FD3C31;border-radius: 40rpx;text-align: center;line-height: 76rpx;font-size: 30rpx;color: #FD3A31;margin: 0 10rpx;}
    50. 

  50. .gray{color: #999;border-color: #999;}
    51. 

  51. .gmbtn{width: 210rpx;height: 80rpx;border-radius: 40rpx;text-align: center;line-height: 80rpx;font-size: 30rpx;color: #fff;}
    52. 

  52. .integral{width: 430rpx;height: 80rpx;border-radius: 40rpx;text-align: center;line-height: 80rpx;font-size: 30rpx;color: #fff;}
    53. 

  53. .xiajia{position: fixed;background: rgba(0,0,0,.6);left: 0;right: 0;bottom: 120rpx;height: 80rpx;line-height: 80rpx;font-size: 28rpx;color: #999999;text-align: center;z-index: 50;}
    54. 

  54. .kan-guoqi{background: #999;}
    55. 

  55. 

  56. .details image{width: 100%;}
    57. 

  57. 

  58. /* 小店相关 */
    59. 

  59. .xiaodian{position: relative;height: 122rpx;margin-top: 35rpx;padding: 0 26rpx 0 128rpx;align-items: center;}
    60. 

  60. .xdbg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
    61. 

  61. .shouyi{position: relative;z-index: 2;color: #fff;}
    62. 

  62. .shouyi view{font-size: 40rpx;font-weight: bold;margin-top: 8rpx;}
    63. 

  63. .shouyi text{font-weight: normal;font-size: 24rpx;}
    64. 

  64. .addshop{width: 170rpx;height: 62rpx;border-radius: 31rpx;background:linear-gradient(115deg,rgba(255,78,78,1) 0%,rgba(220,21,21,1) 100%);text-align: center;line-height: 62rpx;font-size: 24rpx;color: #fff;position: relative;z-index: 2;}
    65. 

  65. 

  66. .suc{position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;width: 536rpx;border-radius: 20rpx;z-index: 100;text-align: center;padding-bottom: 47rpx;}
    67. 

  67. .tjcg1{width: 100%;height: 284rpx;}
    68. 

  68. .tjcg{width: 195rpx;height: 38rpx;margin: 52rpx auto 15rpx;}
    69. 

  69. .suc text{display: block;font-size: 24rpx;color: #333;}
    70. 

  70. .shop{width:429rpx;height:80rpx;background:linear-gradient(123deg,rgba(255,130,130,1) 0%,rgba(220,21,21,1) 100%);font-size: 30rpx;color: #fff;line-height: 80rpx;border-radius: 40rpx;margin: 45rpx auto 40rpx;}
    71. 

  71. .share-btn{justify-content: space-between;padding: 0 54rpx;}
    72. 

  72. .wxfriend,.wxposter{width: 196rpx !important;height: 76rpx !important;align-items: center;justify-content: center;font-size: 30rpx;color: #666;border: 2rpx solid #D8D8D8;border-radius: 40rpx !important;}
    73. 

  73. .wxfriend image,.wxposter image{width: 31rpx;height: 31rpx;margin-right: 13rpx;}
    74. 

  74. .suc-close{position: absolute;left: 50%;transform: translateX(-50%);bottom: -102rpx;width: 62rpx;height: 62rpx;}
    75. 

  75. .sellStock{text-align: right; color: #999;position: relative; left: 45rpx;}
    76. 

  76. .sellStock text{ color:#222 ;}
    77. 

  77. .protext{color: #999;margin-top: 15rpx;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
    78. 

  78. .you{width: 12rpx;height: 20rpx;}
    79. 

  79. /* 海外购 */
    80. 

  80. .logistics{align-items: center;justify-content: space-around;margin-top: 40rpx;}
    81. 

  81. .logistics view{color: #666666;}
    82. 

  82. .logistics .lsicText{color: #238CF5;}
    83. 

  83. .logistics .abroad{width: 46rpx;height: 46rpx;margin: 0 auto 20rpx;}
    84.