You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

103 lines
2.1 KiB

9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
  1. <!-- 说明页面(四合一) -->
  2. <template>
  3. <view class="instructions bx">
  4. <navbar :leftClick="leftClick"></navbar>
  5. <view class="content">
  6. <view v-if="$route.query.index == 4" v-html="$t('page.instructions.agreement')"></view>
  7. <u-parse v-else :content="info[type[$i18n.locale]]"></u-parse>
  8. </view>
  9. </view>
  10. </template>
  11. <script>
  12. import navbar from '@/components/base/m-navbar.vue'
  13. export default {
  14. components: {
  15. navbar
  16. },
  17. computed : {
  18. info(){
  19. let data = this[this.$route.query.type || 'outList'][this.$route.query.index]
  20. if(!data) return {}
  21. return data
  22. },
  23. title(){
  24. let key = this.$route.query.type == 'onList' ? 'onTitleList' : 'titleList'
  25. return this.$t(`page.instructions.${this[key][this.$route.query.index]}`)
  26. }
  27. },
  28. data() {
  29. return {
  30. titleList: ['tcTitle', 'eventTitle', 'faqTitle', 'aboutTtitle','agreementTitle'],
  31. onTitleList: ['', 'certificate'],
  32. onList : [],
  33. outList : [],
  34. type : {
  35. en : 'englishValue',
  36. es : "spanishValue",
  37. "zh" : "chineseValue"
  38. },
  39. }
  40. },
  41. onShow() {
  42. if(this.$route.query.index != 4){ //注册页面跳转过来的就不用登录,不然会一直跳登录页面去
  43. this.getIndexIcon()
  44. }
  45. },
  46. methods: {
  47. leftClick() {
  48. let url = this.$route.query.index == 4 ? '/pages/register/register' : "/pages/center/center"
  49. uni.navigateTo({
  50. url
  51. })
  52. },
  53. //获取首页图标
  54. getIndexIcon(){
  55. this.request('indexIcon').then(res => {
  56. if(res.code == 200){
  57. this.onList = res.result.onList;
  58. this.outList = res.result.outList;
  59. }
  60. })
  61. },
  62. }
  63. }
  64. </script>
  65. <style lang="scss" scoped>
  66. .instructions {
  67. width: 750rpx;
  68. min-height: 100vh;
  69. background-color: $uni-bg-color;
  70. margin: 0 auto;
  71. background-size: 100%;
  72. background-repeat: no-repeat;
  73. color: $uni-bg-color-app;
  74. .content {
  75. width: 96%;
  76. margin: 20rpx auto;
  77. font-size: 28rpx;
  78. }
  79. .t-c,
  80. .event,
  81. .faq,
  82. .about-us{
  83. padding-top: 60rpx;
  84. }
  85. .event {
  86. image {
  87. width: 750rpx;
  88. height: 1000rpx;
  89. }
  90. }
  91. }
  92. </style>