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/logo.jpg"></image>
  6. </view>
  7. </view>
  8. <view class="textContent">
  9. <view>智享亿家作为中国出色的垃圾分类专家和平台,致力于改变中国社区环保现状,通过多年的耕耘和积累,打造的城市垃圾分类一体化智能解决方案已获得咸阳、西安航天等多地市的环保垃圾处理资格,并成为全国住建部在咸阳市的环保模范单位。</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:200rpx;
  27. height:200rpx;
  28. border:2px solid #eee;
  29. border-radius: 20rpx;
  30. margin:50rpx 0 15rpx 0;
  31. display: inline-block;
  32. position: relative;
  33. .logoImg{
  34. width:180rpx;
  35. height:180rpx;
  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: 16upx 0;
  55. line-height: 50upx;
  56. text-indent: 60rpx;
  57. }
  58. }
  59. }
  60. </style>