aboutUs.vue 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <template>
  2. <view class="container">
  3. <view class="logoContent">
  4. <view class="logoBorder">
  5. <image class="logoImg" src="/static/logos.png"></image>
  6. </view>
  7. </view>
  8. <view class="textContent">
  9. <view>章鱼养车平台是为车主提供洗车、美容、保养、维修等汽车服务的一站式O2O平台,平台拥有车主端,汽服门店端,合作商端等多个用户端,满足各种角色用户的使用,从而形成服务、信息的闭环,为车主提供全面优质的服务。</view>
  10. </view>
  11. </view>
  12. </template>
  13. <script>
  14. </script>
  15. <style lang="less">
  16. page{
  17. background: #FFFFFF;
  18. }
  19. .container{
  20. font-size: 32rpx;
  21. padding:0 50rpx;
  22. text-align: center;
  23. color:#666;
  24. .logoContent{
  25. .logoBorder{
  26. width:240rpx;
  27. height:240rpx;
  28. border:2px solid #eee;
  29. border-radius: 20rpx;
  30. margin:70rpx 0 25rpx 0;
  31. display: inline-block;
  32. position: relative;
  33. .logoImg{
  34. width:200rpx;
  35. height:200rpx;
  36. position: absolute;
  37. top:0;
  38. left:0;
  39. right:0;
  40. bottom:0;
  41. margin:auto;
  42. }
  43. }
  44. }
  45. .textContent{
  46. text-align: left;
  47. margin-top: 30rpx;
  48. font-size: 32rpx;
  49. .tetxTitle{
  50. margin-bottom: 10rpx;
  51. font-size: 32rpx;
  52. }
  53. > view{
  54. padding: 16rpx 0;
  55. line-height: 50rpx;
  56. text-indent: 60rpx;
  57. }
  58. }
  59. }
  60. </style>