index.vue 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <template>
  2. <view class="about-container">
  3. <view class="header-section text-center">
  4. <image style="width: 150rpx;height: 150rpx;" src="/static/logo200.png" mode="widthFix">
  5. </image>
  6. <uni-title type="h2" title="芋道移动端"></uni-title>
  7. </view>
  8. <view class="content-section">
  9. <view class="menu-list">
  10. <view class="list-cell list-cell-arrow">
  11. <view class="menu-item-box">
  12. <view>版本信息</view>
  13. <view class="text-right">v{{version}}</view>
  14. </view>
  15. </view>
  16. <view class="list-cell list-cell-arrow">
  17. <view class="menu-item-box">
  18. <view>官方邮箱</view>
  19. <view class="text-right">7685413@qq.com</view>
  20. </view>
  21. </view>
  22. <view class="list-cell list-cell-arrow">
  23. <view class="menu-item-box">
  24. <view>服务热线</view>
  25. <view class="text-right">400-999-9999</view>
  26. </view>
  27. </view>
  28. <view class="list-cell list-cell-arrow">
  29. <view class="menu-item-box">
  30. <view>公司网站</view>
  31. <view class="text-right">
  32. <uni-link :href="url" :text="url" showUnderLine="false"></uni-link>
  33. </view>
  34. </view>
  35. </view>
  36. </view>
  37. </view>
  38. <view class="copyright">
  39. <view>Copyright &copy; 2022 iocoder.cn All Rights Reserved.</view>
  40. </view>
  41. </view>
  42. </template>
  43. <script>
  44. export default {
  45. data() {
  46. return {
  47. url: getApp().globalData.config.appInfo.site_url,
  48. version: getApp().globalData.config.appInfo.version
  49. }
  50. }
  51. }
  52. </script>
  53. <style lang="scss">
  54. page {
  55. background-color: #f8f8f8;
  56. }
  57. .copyright {
  58. margin-top: 50rpx;
  59. text-align: center;
  60. line-height: 60rpx;
  61. color: #999;
  62. }
  63. .header-section {
  64. display: flex;
  65. padding: 30rpx 0 0;
  66. flex-direction: column;
  67. align-items: center;
  68. }
  69. </style>