fundIdeasDetailsTwo.vue 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
  1. <template>
  2. <view class="rf-category woldKeep">
  3. <u-navbar :back-text-style="backStyle"
  4. back-icon-color="#fff" title-color="#fff"
  5. :title="i18n('FundIdeasDetails')"
  6. :background="background">
  7. <view slot="right" style="margin-right:20upx" >
  8. <u-icon name="share-fill" style="margin-right: 30upx;" color="white" size="50" @click="share"></u-icon>
  9. </view>
  10. </u-navbar>
  11. <view style="padding: 0 40upx;background-color: #fff;">
  12. <view style="font-size: 44upx;text-align: center;">{{FundList.title}}</view>
  13. <view style="margin-top: 40upx;font-size: 26upx;">{{FundList.subtitle}}</view>
  14. <view class="imgBox" style="margin-top: 40upx;width: 100%;" v-html="FundList.introductionMobile"></view>
  15. </view>
  16. <!-- 8.8.20.112:19001 -->
  17. <share v-show="ifShare == true"
  18. :show="ifShare"
  19. @closeShare = "share"
  20. :title="i18n('FundIdeasDetails')"
  21. :summary="FundList.title"
  22. :href="'https://m.geidcp.com/#/pages/financialService/financialFundIdeas/fundIdeasDetailsTwo?' + 'key=' + baseEntityId + '&language=' + $i18n.locale"
  23. imageUrl="'https://m.geidcp.com/api/file/pub/defaultCutPic/shareLogo.png'"
  24. >
  25. </share>
  26. <!-- #ifdef H5 -->
  27. <rf-back-home></rf-back-home>
  28. <!-- #endif -->
  29. </view>
  30. </template>
  31. <script>
  32. import {getBaseFundIdeasInfos} from '@/api/financialService/baseFundIdeasInfo'
  33. import share from '@/components/share'
  34. export default {
  35. components:{
  36. share
  37. },
  38. data() {
  39. return {
  40. background:{
  41. backgroundImage: 'linear-gradient(270deg, #4BC0E2 0%, #538BE7 100%)',
  42. },
  43. backStyle:{
  44. color:'#fff'
  45. },
  46. ifShare:false,
  47. baseEntityId:null,
  48. FundList:{},
  49. mark:[
  50. {
  51. id:1,
  52. name:"common.GreenDevelopmentFund",
  53. label:'common.Development1'
  54. },
  55. {
  56. id:2,
  57. name:"common.GreenInnovationFund",
  58. label:'common.Innovation1'
  59. },
  60. {
  61. id:3,
  62. name:"common.GreenConstructionFund",
  63. label:'common.Construction1'
  64. },
  65. ],
  66. }
  67. },
  68. onLoad(data) {
  69. console.log(data);
  70. this.baseEntityId = data.key;
  71. if(option.language){
  72. uni.setStorageSync("language", option.language);
  73. this._i18n.locale = option.language;
  74. }
  75. },
  76. onShow() {
  77. this.getData()
  78. },
  79. methods: {
  80. share(){
  81. this.ifShare = !this.ifShare;
  82. },
  83. i18n (data) {
  84. return this.$t('common.'+data);
  85. },
  86. async getData(){
  87. let params = {
  88. pageSize:"5",
  89. pageNo:"1",
  90. language:this.$i18n.locale.toUpperCase(),
  91. baseEntityId:this.baseEntityId,
  92. statusDict:'2',
  93. source: 'mobile',
  94. }
  95. const res = await this.$myRequest({
  96. url: '/project/baseFundIdeasInfos/',
  97. data: {
  98. ...params
  99. }
  100. });
  101. // let res = await getBaseFundIdeasInfos(params);
  102. if(res.data){
  103. this.FundList = res.data.baseFundIdeasInfos[0];
  104. }
  105. },
  106. i18n (data) {
  107. return this.$t('common.'+data);
  108. },
  109. }
  110. }
  111. </script>
  112. <style lang="scss" scoped>
  113. page {
  114. background-color: #fff;
  115. }
  116. .rf-category {
  117. height: 100%;
  118. background-color: $color-white;
  119. position: absolute;
  120. top: 0;
  121. bottom: 0;
  122. left: 0;
  123. right: 0;
  124. /* #ifdef APP-PLUS */
  125. // margin-top: calc(20upx + var(--status-bar-height));
  126. /* #endif */
  127. .markBox{
  128. width: 263upx;
  129. height: 47upx;
  130. background: #597FB7;
  131. color: #fff;
  132. text-align: center;
  133. border-radius: 100upx;
  134. font-size: 28upx;
  135. line-height: 47upx;
  136. margin-bottom: 20upx;
  137. }
  138. /deep/.imgBox p img{
  139. width: 100%;
  140. }
  141. }
  142. .woldKeep /deep/ img,.woldKeep /deep/ p, {
  143. max-width: 680upx;
  144. }
  145. .woldKeep /deep/ p {
  146. max-width: 680upx;
  147. word-break: break-all;
  148. }
  149. // .barBox{
  150. // background-image: linear-gradient(270deg, rgb(75, 192, 226) 0%, rgb(83, 139, 231) 100%);
  151. // }
  152. </style>