<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="1"
      />
    </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、此功能通过纯API接口模式，生成特制的二维码。买家通过扫描二维码，可进入淘宝的找相似页面，商品在找相似页面中排名靠前。</p>
        <p>2、增加流量入口，使流量渠道多样化，可帮助商家拟定个性化多流量的方案。</p>
        <p>3、此功能的接口是淘宝官方的API接口，所生成的链接是安全的，高效实用，且可免费生成二维码。</p>
        <p>4、通过此功能下单，可提高商品的相应权重。</p>
        <p>5、多样化流量的来源渠道入口，增加流量来源，可拟定更加个性化的流量方案。</p>
      </el-card>
    </el-col>
    <el-col>
      <el-card class="box-card marginT-20">
        <div slot="header" class="clearfix">什么叫流量淘口令?</div>
        <p>用户打开口令后，会在生意参谋中，显示该访客是通过这个来源访问到你的商品的。</p>
      </el-card>
    </el-col>
    <el-col>
      <el-card class="box-card marginT-20">
        <div slot="header" class="clearfix">为什么要使用流量淘口令?</div>
        <p>此种口令是用来增加流量来源，来源内部接口，通过提供更多的流量来源入口，你就可以拟定更加个性化的补流量方案。</p>
      </el-card>
    </el-col>
  </el-row>
</template>

<script>
import Commonform from './commonform'

export default {
  name: 'similar',
  components: {
    Commonform
  },
  data () {
    return {
      formConfig: {
        label: {
          title: '搜索关键词：',
          productId: '商品链接：'
        },
        placeholder: {
          title: '请输入宝贝标题中包含的关键词',
          productId: '请输入您的宝贝链接或宝贝ID'
        },
        rules: {
          title: [
            { required: true, message: '请输入宝贝标题中包含的关键词', trigger: 'blur' }
          ],
          productId: [
            { required: true, message: '请输入您的宝贝链接或宝贝ID', 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>
