hemall.terabimsoft.com.cn/plugins/shop_server/components/templateTwo/home-banner-components/article.vue

<!--  -->
<template>
  <div class="article-div">
    <div class="title">平台公告</div>
    <div class="content">
      <div class="text rowup">
        {{basicSet.pc_temp2_set.notice}}
      </div>
    </div>
  </div>
</template>

<script>
import {mapState} from 'vuex'
export default {
  data () {
    return {
    };
  },

  activated() {},

  components: {},

  computed: {
    ...mapState(['basicSet'])
  },

  mounted() {},

  methods: {}
}

</script>
<style lang='scss' rel='stylesheet/scss' scoped>
.article-div{
  width: 100%;
  height: 170px;
	background-color: #fff;
	border-radius: 5px;
  margin-top: 15px;
  padding: 0 15px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  .title{
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    height: 18px;
    padding: 16px 0 8px;
    color: #262626;
  }
  .content{
    overflow: hidden;
    overflow-y: scroll;
    line-height: 26px;
    flex: 1;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */
    .text{
      font-size: 12px;
      // padding-top: 80px;
      // -webkit-animation: 10s rowup linear infinite normal;
      // animation: 20s rowup linear infinite normal;
      // position: relative;
    }
    &::-webkit-scrollbar {
      display: none; /* Chrome Safari */
    }
  }
}
// @keyframes rowup {
//   0% {
//     -webkit-transform: translate3d(0, 0px, 0);
//     transform: translate3d(0, 0px, 0);
//   }
//   100% {
//     -webkit-transform: translate3d(0, -105%, 0);
//     transform: translate3d(0, -105%, 0);
//   }
// }
</style>