detailBrand.vue 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <template>
  2. <div class="detail-brand">
  3. <div class="detail-brand-content">
  4. <h4>主营产品</h4>
  5. <div class="brand-list">
  6. <img src="/images/component/default.png"/>
  7. <p>陶瓷电容,多层陶瓷电容陶瓷电容,多层陶瓷电容,陶瓷电容,多层陶瓷电容陶瓷电容电容,多层陶电容瓷瓷电电容瓷电电容瓷电电容……</p>
  8. </div>
  9. </div>
  10. </div>
  11. </template>
  12. <script>
  13. export default {}
  14. </script>
  15. <style scoped lang="scss">
  16. .detail-brand{
  17. width:100%;
  18. .detail-brand-content{
  19. margin:0 auto;
  20. border-top:.02rem solid #dedfdf;
  21. border-bottom:.02rem solid #dedfdf;
  22. width:7.1rem;
  23. height:3.02rem;
  24. padding-top:.18rem;
  25. h4{
  26. font-size:.32rem;
  27. line-height: .6rem;
  28. margin:0;
  29. margin-left:3.97rem;
  30. }
  31. .brand-list{
  32. display:flex;
  33. img{
  34. display:inline-block;
  35. margin:0 .15rem;
  36. width:2.03rem;
  37. height:1.73rem;
  38. }
  39. p{
  40. font-size:.28rem;
  41. line-height: .4rem;
  42. padding:.12rem .46rem 0 .05rem;
  43. }
  44. }
  45. }
  46. }
  47. </style>