<template>
  <el-row style="padding: 20px 0 100px;">
    <el-col>
      <p class="marginB-60"><b>猜你喜欢：</b>手淘首页的主要流量来源是手淘首页的“猜你喜欢”，猜你喜欢的构成是淘宝的个性化推荐，包含免费推荐及付费推荐，此功能可以帮助你快速得到手淘首页的流量来源</p>
    </el-col>
    <el-col :span="12">
      <Commonform :formConfig="formConfig"
                  :promoteType="3"
      />
    </el-col>
    <el-col>
      <el-card class="box-card marginT-20">
        <div slot="header" class="clearfix TT-title">猜你喜欢</div>
        <p class="TT-subtitle">功能介绍</p>
        <p>1、商家可通过此功能，在生意参谋后台添加一条来源为手淘推荐的访客数据。</p>
        <p>2、此功能可以提高商品权重，根据淘宝的个性化推荐，大大提高商品的曝光率。</p>
        <p>3、提高商品在精准人群的猜你喜欢页面出现的概率。</p>
        <p>4、商家使用猜你喜欢进行下单时，要注意：货比三家时，不要浏览销量较高的商品，要选择销量比自己商品低的商品进行浏览，以此种模式进行货比三家下单，更能提高商品的权重。</p>
        <p>5、可强化商品标签，增加商品在淘宝首页的展现机会。</p>
        <p>6、可在参加一些活动大促前，配合直通车进行推广，提高商品排名。</p>
      </el-card>
    </el-col>
    <el-col>
      <el-card class="box-card marginT-20">
        <div slot="header" class="clearfix">1、什么是流量淘口令?</div>
        <p>用户打开口令访问你的淘宝宝贝后，会在生意参谋中，显示该访客是通过这个来源访问到你的商品的</p>
      </el-card>
    </el-col>
    <el-col>
      <el-card class="box-card marginT-20">
        <div slot="header" class="clearfix">2、为什么要使用流量淘口令？</div>
        <p>不同种类、不同入口、不同渠道的流量淘口令是用来增加流量来源，来源于内部接口，通过提供更多的流量来源入口，你就可以拟定更加个性化的补流量方案。</p>
      </el-card>
    </el-col>
    <el-col>
      <el-card class="box-card marginT-20">
        <div slot="header" class="clearfix">3、一定能展示我的宝贝吗？</div>
        <p>宝贝最好要有一点的销量和权重，99%的宝贝均可以成功，但有1%的宝贝无法使用此功能，搜索词、类型、渠道必须和宝贝相关，否则无法搜索出来</p>
      </el-card>
    </el-col>
    <el-col>
      <el-card class="box-card marginT-20">
        <div slot="header" class="clearfix">4、流量淘口令安全吗？</div>
        <p>本功能使用淘宝原生搜索，不会对卖家产生任何影响！</p>
      </el-card>
    </el-col>
  </el-row>
</template>

<script>
import Commonform from './commonform'

export default {
  name: 'guess',
  components: {
    Commonform
  },
  data () {
    return {
      formConfig: {
        label: {
          title: '宝贝标题：',
          productId: '商品链接：'
        },
        placeholder: {
          title: '请输入您的宝贝标题',
          productId: '请输入您的商品链接'
        },
        rules: {
          title: [
            { required: true, message: '请输入您的宝贝标题', trigger: 'blur' }
          ],
          productId: [
            { required: true, message: '请输入您的商品链接', trigger: 'blur' }
          ]
        }
      }
    }
  }
}
</script>

<style lang="scss" scoped>
.marginT-20 {
  margin-top: 20px;
}

.marginB-20 {
  margin-bottom: 20px;
}

.marginB-60 {
  margin-bottom: 60px;
}

.TT-title {
  font-weight: 500;
  color: #f13d63;
}

.TT-subtitle {
  margin-top: 10px;
  font-size: 18px;
  color: #f13d63;
}

.box-card {
  line-height: 1.5;
  color: #666;
}
</style>
