金诚优选前端代码
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.

58 lines
1.2 KiB

  1. <template>
  2. <view class="exclusive-plan" :style="'margin-bottom: ' + meta.margin_bottom + 'px'">
  3. <view class="title" v-if="planTitle && show">
  4. <span>{{planTitle}}</span>
  5. <span data-link="/pages/article/list/list?type=2" @tap="_jumpImg">更多
  6. <text class="iconfont icon-gengduo"></text>
  7. </span>
  8. </view>
  9. <view class="content-plans">
  10. <view class="item" v-for="(item, index) in planData" :key="index" :data-link="item.link" @tap="_jumpImg">
  11. <image :src="item.image"></image>
  12. </view>
  13. </view>
  14. </view>
  15. </template>
  16. <script>
  17. export default {
  18. data() {
  19. return {};
  20. },
  21. props: {
  22. planData: {
  23. type: Array,
  24. value: ''
  25. },
  26. planTitle: {
  27. type: String,
  28. value: ''
  29. },
  30. show: {
  31. type: Number,
  32. value: ''
  33. },
  34. meta: {
  35. type: Object,
  36. value: ""
  37. }
  38. },
  39. options: {
  40. addGlobalClass: true
  41. },
  42. methods: {
  43. _jumpImg(e) {
  44. var link = e.currentTarget.dataset.link;
  45. if (!link || link == 'uto_miniprogram') return;
  46. wx.navigateTo({
  47. url: link
  48. });
  49. }
  50. }
  51. };
  52. </script>
  53. <style rel="stylesheet/less" lang="less">
  54. @import "exclusive-plan";
  55. </style>