<template>
  <view>
    <u-sticky bgColor="#fff" customNavHeight="0" offsetTop="0">
      <u-search placeholder="搜索感兴趣的内容" v-model="keyword" :show-action="false" margin="30rpx 34rpx 15rpx 34rpx"
        borderColor="rgb(230, 230, 230)" height="74rpx" bgColor="#F5F6FA" @search="search"></u-search>
      <u-tabs :list="tabList" :activeStyle="{'color': '#cf000d','font-weight':'bold'}" lineWidth="30rpx"
        lineHeight="4rpx" lineColor="#cf000d" :current="current"></u-tabs>
    </u-sticky>
    <newsList v-for="i in 10" :key="i"></newsList>
  </view>
</template>

<script>
  import newsList from '@/components/news-list/news-list.vue'
  export default {
    components: {
      newsList
    },
    props: {

    },
    data() {
      return {
        keyword: "",
        current: 0,
        tabList: [{
          name: "全部",
        }, {
          name: "行业动态",
        }, {
          name: "宏观经济",
        }, {
          name: "用户资讯",
        }, {
          name: "产业政策",
        }, {
          name: "友商动态",
        }, {
          name: "国际能源",
        }]
      }
    },
    computed: {

    },
    onLoad() {

    },
    methods: {
      search() {
        console.log("搜索");
      }
    }
  }
</script>

<style lang="scss" scoped>

</style>
