about.vue 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  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. onBackPress(option){
  65. uni.redirectTo({
  66. url:"../index/index"
  67. })
  68. }
  69. }
  70. </script>
  71. <style lang="scss">
  72. page {
  73. background:$uni-bg-color-grey;
  74. }
  75. .line{
  76. height:16rpx;
  77. width:100%;
  78. background:$uni-bg-color-grey;
  79. }
  80. .bottom{
  81. height:190rpx;
  82. line-height:190rpx;
  83. font-size:8px;
  84. text-align: center;
  85. }
  86. .logo-box{
  87. background:#fff;
  88. text-align: center;
  89. padding:100rpx 0;
  90. image{
  91. width:100rpx;
  92. }
  93. .version{
  94. font-size:24rpx;
  95. margin-top:20rpx;
  96. }
  97. }
  98. .part{
  99. background:#fff;
  100. padding:0 40rpx;
  101. .divide{
  102. width:100%;
  103. height:1px;
  104. background:$uni-bg-color-grey;
  105. }
  106. .info-item{
  107. display:flex;
  108. justify-content: space-between;
  109. line-height:100rpx;
  110. .tit{font-size:14px}
  111. .val{
  112. font-size:12px;
  113. color:#666;
  114. }
  115. }
  116. }
  117. </style>