<template>
  <el-row style="padding: 20px 0 100px;">
    <el-col>
      <p><b>关键词卡首屏：</b>主要用于解决新品在没排名，补手淘搜索关键词流量</p>
      <div class="TT-explain marginT-20 marginB-60">
        <p>功能说明：请不要用一级词去卡屏，容易卡不上。</p>
        <p>有权重！有权重！有权重！重要的事情说三遍！</p>
        <p>备注：关键字卡首屏，如果自己进入的话会显示【淘内免费其他】，这个是淘宝对于自己进入店铺或多次进入店铺的人会显示，只要叫没有进入过你店铺的人进入就可以看到【手淘搜索】了。</p>
      </div>
    </el-col>
    <el-col :span="12">
      <Commonform :formConfig="formConfig"
                  :promoteType="0"
      />
    </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 class="TT-subtitle">使用场景</p>
        <p>1、新品上架没有排名，没有流量，可通过使用此功能提升新品排名。</p>
        <p>2、商家想快速精准地补单，提高搜索权重。</p>
        <p class="TT-subtitle">注意</p>
        <p>1、关键词必须是标题中所包含的词，不可以是关键词延伸出来的词，否则无效果。</p>
        <p>2、新品使用此功能时，选择的关键词尽量长一点，但也不要全标题卡首屏。全标题卡首屏提升的权重不会很高甚至没有变化。</p>
        <p>3、不要用一级词卡屏，新品在一级词下的权重太低，很大概率会没有效果。</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-col>
      <el-card class="box-card marginT-20">
        <div slot="header" class="clearfix">资深运营支招?</div>
        <p>卡出来之后，先加购物车，然后去货比三家，随便拍任何一家的同行产品不要付款，过10分钟后，再让补手付款自己的订单即可，最后取消掉同行的。</p>
      </el-card>
    </el-col>
  </el-row>
</template>

<script>
import Commonform from './commonform'

export default {
  name: 'firstPause',
  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-explain {
  padding: 8px 16px;
  border-radius: 4px;
  background-color: #fdf6ec;
  color: #e6a23c;
}

.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>
