<template>
  <!-- 品牌商首页 -->
  <view class="brandsindex">
    <!-- 展示图 -->
    <view id="header" class="back_img">
      <u-navbar title="" :border-bottom="false" :background="background">
        <template slot="right">
          <!-- 插槽搜索按钮 -->
          <view @click="searchCli" class="u-m-r-24 search"
            ><image
              class="hs-img"
              src="../../static/images/home/search@2x.png"
              mode=""
            ></image
          ></view>
        </template>
      </u-navbar>
    </view>
    <!-- 每日上新 -->
    <view class="everyUpdate">
      <u-card full :head-border-bottom="false">
        <view slot="head">
          <text class="title">每上更新</text>
          <text class="sub-title">12334</text>
        </view>
        <view slot="body">
          <view class="imgList">
            <image src="../../static/images/brank/mei1.jpg" mode=""></image>
            <image src="../../static/images/brank/mei1.jpg" mode=""></image>
            <image src="../../static/images/brank/mei1.jpg" mode=""></image>
            <image src="../../static/images/brank/mei1.jpg" mode=""></image>
            <image src="../../static/images/brank/mei1.jpg" mode=""></image>
            <image src="../../static/images/brank/mei1.jpg" mode=""></image>
            <image src="../../static/images/brank/mei1.jpg" mode=""></image>
          </view>
        </view>
      </u-card>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      background: { backgroundColor: "rgba(245,245,245,0)" },
    };
  },
  methods: {
    // 搜索按钮
    searchCli() {
      this.$router.push("/pages/home/search");
    },
  },
};
</script>

<style lang="scss" scoped>
//头部
.back_img {
  height: 486rpx;
  width: 100%;
  background: url(../../static/images/home/exhibition.png) no-repeat;
  background-size: 100% 100%;
}
.search {
  width: 60rpx;
  height: 60rpx;
}
//每日更新
.everyUpdate {
  width: 100%;
  ::v-deep .u-card__body {
    padding: 0rpx 0rpx 40rpx 36rpx !important;
  }
  // 标题样式
  .title {
    font-size: 16px;
    font-family: PingFangSC, PingFangSC-Medium;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.8);
  }
  // 副标题
  .sub-title {
    font-size: 12px;
    font-family: DINPro, DINPro-Medium;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.2);
    margin-left: 9rpx;
  }
  .imgList {
    overflow-x: auto;
    white-space: nowrap;
    image {
      width: 240rpx;
      height: 160rpx;
      border-radius: 5px;
      padding-left: 20.3rpx;
    }
  }
}
</style>
