yudao-mall-uniapp/sheep/components/s-notice-block/s-notice-block.vue

<template>
  <view class="ss-flex ss-col-center notice-wrap">
    <image class="icon-img" :src="sheep.$url.cdn(data.src)" mode="heightFix"></image>
    <su-notice-bar
      style="flex: 1"
      :showIcon="false"
      scrollable
      single
      :text="data.title.text"
      :speed="50"
      :color="data.title.color"
      @tap="sheep.$router.go(data.url)"
    ></su-notice-bar>
  </view>
</template>

<script setup>
  /**
   * 装修组件  - 通知栏
   *
   */
  import sheep from '@/sheep';
  const props = defineProps({
    data: {
      type: Object,
      default() {},
    },
  });
</script>

<style lang="scss" scoped>
  .notice-wrap {
    .icon-img {
      height: 60rpx;
    }
  }
</style>