about.vue 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. <template>
  2. <view>
  3. <view class="line"></view>
  4. <view class="logo-box">
  5. <image src="../../../static/logo.png" mode="widthFix"></image>
  6. <view class="version">
  7. <view>
  8. 云飞物联网
  9. </view>
  10. <view>
  11. V3.0.0
  12. </view>
  13. </view>
  14. </view>
  15. <view class="line"></view>
  16. <view class="part">
  17. <view class="info-item">
  18. <text class="tit">技术支持</text>
  19. <text class="val">河南云飞科技发展有限公司</text>
  20. </view>
  21. <view class="divide"></view>
  22. <view class="info-item">
  23. <text class="tit">关注微信</text>
  24. <text class="val">河南云飞科技发展有限公司</text>
  25. </view>
  26. </view>
  27. <view class="line"></view>
  28. <view class="part">
  29. <view class="info-item">
  30. <text class="tit">公司官网</text>
  31. <text class="val">www.hnyfkj.cn</text>
  32. </view>
  33. <view class="divide"></view>
  34. <view class="info-item">
  35. <text class="tit">业务合作</text>
  36. <text class="val">400-690-7990</text>
  37. </view>
  38. <view class="divide"></view>
  39. <view class="info-item">
  40. <text class="tit">公司邮箱</text>
  41. <text class="val">hnyf826@163.com</text>
  42. </view>
  43. </view>
  44. <view class="line"></view>
  45. <view class="part">
  46. <view class="info-item">
  47. <text class="tit">版本更新</text>
  48. <view class="iconfont icon-shipin"></view>
  49. </view>
  50. </view>
  51. <view class="bottom">
  52. ©河南云飞科技发展有限公司
  53. </view>
  54. </view>
  55. </template>
  56. <script>
  57. export default {
  58. data() {
  59. return {
  60. }
  61. },
  62. methods: {
  63. }
  64. }
  65. </script>
  66. <style lang="scss">
  67. page {
  68. background:$uni-bg-color-grey;
  69. }
  70. .line{
  71. height:16rpx;
  72. width:100%;
  73. background:$uni-bg-color-grey;
  74. }
  75. .bottom{
  76. height:200rpx;
  77. line-height:200rpx;
  78. font-size:8px;
  79. text-align: center;
  80. }
  81. .logo-box{
  82. background:#fff;
  83. text-align: center;
  84. padding:100rpx 0;
  85. image{
  86. width:100rpx;
  87. }
  88. .version{
  89. font-size:24rpx;
  90. margin-top:20rpx;
  91. }
  92. }
  93. .part{
  94. background:#fff;
  95. padding:0 40rpx;
  96. .divide{
  97. width:100%;
  98. height:1px;
  99. background:$uni-bg-color-grey;
  100. }
  101. .info-item{
  102. display:flex;
  103. justify-content: space-between;
  104. line-height:100rpx;
  105. .tit{font-size:14px}
  106. .val{
  107. font-size:12px;
  108. color:#666;
  109. }
  110. }
  111. }
  112. </style>