aboutUs.vue 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <template>
  2. <view class="container">
  3. <view class="logoContent">
  4. <view class="logoBorder">
  5. <image class="logoImg" src="/static/logo.png"></image>
  6. </view>
  7. </view>
  8. <view class="textContent">
  9. <view>智享亿家作为中国出色的垃圾分类专家和平台,致力于改变中国社区环保现状,通过多年的耕耘和积累,打造的城市垃圾分类一体化智能解决方案已获得咸阳、西安航天等多地市的环保垃圾处理资格,并成为全国住建部在咸阳市的环保模范单位。</view>
  10. </view>
  11. </view>
  12. </template>
  13. <script>
  14. export default {
  15. onLoad() {
  16. // 开启分享
  17. uni.showShareMenu({
  18. withShareTicket: true,
  19. menus: ['shareAppMessage', 'shareTimeline']
  20. })
  21. },
  22. }
  23. </script>
  24. <style lang="less">
  25. page{
  26. background: #FFFFFF;
  27. }
  28. .container{
  29. font-size: 32rpx;
  30. padding:0 50rpx;
  31. text-align: center;
  32. color:#666;
  33. .logoContent{
  34. .logoBorder{
  35. width:200rpx;
  36. height:200rpx;
  37. border:2px solid #eee;
  38. border-radius: 20rpx;
  39. margin:50rpx 0 15rpx 0;
  40. display: inline-block;
  41. position: relative;
  42. .logoImg{
  43. width:180rpx;
  44. height:180rpx;
  45. position: absolute;
  46. top:0;
  47. left:0;
  48. right:0;
  49. bottom:0;
  50. margin:auto;
  51. }
  52. }
  53. }
  54. .textContent{
  55. text-align: left;
  56. margin-top: 30rpx;
  57. font-size: 32rpx;
  58. .tetxTitle{
  59. margin-bottom: 10rpx;
  60. font-size: 32rpx;
  61. }
  62. > view{
  63. padding: 16upx 0;
  64. line-height: 50upx;
  65. text-indent: 60rpx;
  66. }
  67. }
  68. }
  69. </style>