aboutUs.vue 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. <template>
  2. <view class="">
  3. <u-navbar :back-text="i18n('Back')"
  4. :back-text-style="backStyle"
  5. back-icon-color="#fff"
  6. title-color="#fff"
  7. :title="i18n('aboutUs')"
  8. :background="background">
  9. </u-navbar>
  10. <view class="banners">
  11. <view class="wrap">
  12. <image class="icon" src="../../../static/img/public/logosvg.svg" mode="widthFix"></image>
  13. <view class="info">
  14. <text class="text">低碳</text>
  15. <text class="text">绿色</text>
  16. <text class="text">可持续发展</text>
  17. </view>
  18. </view>
  19. </view>
  20. <view class="" style="background-color: #fff;">
  21. <span v-if="$i18n.locale=='zh'" @click="toView('userAgreementZH')">
  22. <list-cell iconColor="#333" :title="i18n('Useragreement')" @eventClick="toPersonalInfo"></list-cell>
  23. </span>
  24. <span v-else @click="toView('userAgreementEN')">
  25. <list-cell iconColor="#333" :title="i18n('Useragreement')" @eventClick="toPersonalInfo"></list-cell>
  26. </span>
  27. <!-- href="https://8.8.20.112:19001/#/pages/profile/profileSetUp/appUser/privacyPolicyZH" -->
  28. <span v-if="$i18n.locale=='zh'" @click="toView('privacyPolicyZH')">
  29. <list-cell iconColor="#333" :title="i18n('Privacypolicy')" @eventClick="toPersonalInfo"></list-cell>
  30. </span>
  31. <span v-else @click="toView('privacyPolicyEN')">
  32. <list-cell iconColor="#333" :title="i18n('Privacypolicy')" @eventClick="toPersonalInfo"></list-cell>
  33. </span>
  34. <list-cell iconColor="#333" :title="i18n('VersionNumber')" :tips="version"></list-cell>
  35. </view>
  36. </view>
  37. </template>
  38. <script>
  39. import listCell from '@/components/JumpBox';
  40. export default {
  41. components: {
  42. listCell,
  43. },
  44. data() {
  45. return {
  46. background: {
  47. backgroundImage: 'linear-gradient(270deg, #4BC0E2 0%, #538BE7 100%)',
  48. },
  49. backStyle: {
  50. color: '#fff'
  51. },
  52. version:null,
  53. }
  54. },
  55. onShow(){
  56. plus.runtime.getProperty(plus.runtime.appid,(wgtinfo)=>{
  57. console.log(wgtinfo);
  58. console.log(wgtinfo.version); //版本号
  59. this.version = wgtinfo.version;
  60. })
  61. },
  62. methods: {
  63. i18n(data) {
  64. return this.$t('common.' + data);
  65. },
  66. toView(value) {
  67. uni.navigateTo({
  68. url: '/pages/profile/profileSetUp/appUser/'+value
  69. })
  70. },
  71. }
  72. }
  73. </script>
  74. <style lang="scss" scoped>
  75. page {
  76. background-color: #fff;
  77. }
  78. a {
  79. text-decoration:none;
  80. }
  81. .banners{
  82. height:460upx;
  83. display:flex;
  84. align-items:center;
  85. background-color:#fafafa;
  86. .wrap{
  87. width:90%;
  88. text-align:center;
  89. margin:0 auto;
  90. .icon{
  91. display:block;
  92. width:80%;
  93. margin:0 auto;
  94. }
  95. .info{
  96. display:inline-flex;
  97. .text{
  98. padding:0 10upx;
  99. color:#aaa;
  100. }
  101. }
  102. }
  103. }
  104. </style>