index.vue 848 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <template>
  2. <!-- 店铺公告 -->
  3. <view class="diy-notice" :style="{ paddingTop: `${itemStyle.paddingTop}px`, paddingBottom: `${itemStyle.paddingTop}px` }"
  4. @click="onLink(params.link)">
  5. <u-notice-bar padding="10rpx 24rpx" :volume-icon="params.showIcon" :autoplay="params.scrollable"
  6. :bg-color="itemStyle.background" :color="itemStyle.textColor" :list="[params.text]"></u-notice-bar>
  7. </view>
  8. </template>
  9. <script>
  10. import mixin from '../mixin'
  11. export default {
  12. /**
  13. * 组件的属性列表
  14. * 用于组件自定义设置
  15. */
  16. props: {
  17. itemStyle: Object,
  18. params: Object
  19. },
  20. mixins: [mixin],
  21. /**
  22. * 组件的方法列表
  23. * 更新属性和数据的方法与更新页面数据的方法类似
  24. */
  25. methods: {
  26. }
  27. }
  28. </script>
  29. <style lang="scss" scoped>
  30. </style>