TBtools-卡首屏静态

htmldev/TBTools/src/views/modules/tools/tools-promote.vue

@@ -13,11 +13,17 @@
 
 <script>
 import FirstPause from './tools-promote/firstPause'
+import Similar from './tools-promote/similar'
+import ForeignTao from './tools-promote/foreigntao'
+import Guess from './tools-promote/guess'
 
 export default {
   name: 'tools-promote',
   components: {
-    FirstPause
+    FirstPause,
+    Similar,
+    ForeignTao,
+    Guess
   },
   data () {
     return {

htmldev/TBTools/src/views/modules/tools/tools-promote/commonform.vue

@@ -9,7 +9,7 @@
           <el-input v-model="dataForm.productId" placeholder="请输入您的宝贝链接或宝贝ID" clearable></el-input>
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" @click="getDataList()">生成</el-button>
+          <el-button type="primary" size="medium" @click="getDataList()">生成</el-button>
         </el-form-item>
       </el-form>
     </el-col>
@@ -72,22 +72,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-//$--color-primary: #3E8EF7;
-///deep/ .el-form-item {
-//  .el-form-item__content {
-//    display: flex;
-//    align-items: center;
-//
-//    input {
-//      border-top-right-radius: 0;
-//      border-bottom-right-radius: 0;
-//      border: 1px solid $--color-primary;
-//    }
-//
-//    button {
-//      border-top-left-radius: 0;
-//      border-bottom-left-radius: 0;
-//    }
-//  }
-//}
+$--color-primary: #3E8EF7;
+/deep/ .el-form-item {
+  .el-form-item__content {
+    button {
+      width: 160px;
+    }
+  }
+}
 </style>

htmldev/TBTools/src/views/modules/tools/tools-promote/firstPause.vue

@@ -1,18 +1,53 @@
 <template>
-  <el-row>
+  <el-row style="padding: 20px 0 100px;">
     <el-col>
       <p><b>关键词卡首屏：</b>主要用于解决新品在没排名，补手淘搜索关键词流量</p>
-      <div class="TT-explain">
+      <div class="TT-explain marginT-20 marginB-60">
         <p>功能说明：请不要用一级词去卡屏，容易卡不上。</p>
         <p>有权重！有权重！有权重！重要的事情说三遍！</p>
         <p>备注：关键字卡首屏，如果自己进入的话会显示【淘内免费其他】，这个是淘宝对于自己进入店铺或多次进入店铺的人会显示，只要叫没有进入过你店铺的人进入就可以看到【手淘搜索】了。</p>
       </div>
     </el-col>
-    <el-col :span="14">
+    <el-col :span="12">
       <Commonform
       />
     </el-col>
-    <el-col :span="9"></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>
 
@@ -28,10 +63,38 @@ export default {
 </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>

htmldev/TBTools/src/views/modules/tools/tools-promote/foreigntao.vue

@@ -0,0 +1,68 @@
+<template>
+  <el-row style="padding: 20px 0 100px;">
+    <el-col>
+      <p class="marginB-60"><b>洋淘秀卡首屏：</b>通过洋淘秀卡首屏扫码后出现在洋淘秀首屏，在生意参谋后台路径为【淘内免费-手淘洋淘秀】，配合补单增加权重</p>
+    </el-col>
+    <el-col :span="12">
+      <Commonform
+      />
+    </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>（1）首先需要设置洋淘秀，将目标宝贝的买家秀设置为洋淘秀</p>
+        <p>（2）使用工具生成洋淘秀卡首屏二维码，将二维码发给买家，让买家通过二维码识别找到洋淘秀，通过洋淘秀链接进行下单</p>
+        <p>（3）注意下单时间和进店时间配合，建议将对买家旺旺号进行权重推送后，再操作洋淘秀卡首屏</p>
+      </el-card>
+    </el-col>
+  </el-row>
+</template>
+
+<script>
+import Commonform from './commonform'
+
+export default {
+  name: 'foreigntao',
+  components: {
+    Commonform
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.marginT-20 {
+  margin-top: 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>

htmldev/TBTools/src/views/modules/tools/tools-promote/guess.vue

@@ -0,0 +1,88 @@
+<template>
+  <el-row style="padding: 20px 0 100px;">
+    <el-col>
+      <p class="marginB-60"><b>猜你喜欢：</b>手淘首页的主要流量来源是手淘首页的“猜你喜欢”，猜你喜欢的构成是淘宝的个性化推荐，包含免费推荐及付费推荐，此功能可以帮助你快速得到手淘首页的流量来源</p>
+    </el-col>
+    <el-col :span="12">
+      <Commonform
+      />
+    </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
+  }
+}
+</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>

htmldev/TBTools/src/views/modules/tools/tools-promote/similar.vue

@@ -0,0 +1,75 @@
+<template>
+  <el-row style="padding: 20px 0 100px;">
+    <el-col>
+      <p class="marginB-60"><b>手淘流量找相似入口：</b>提供多流量来源入口，多样化流量首选</p>
+    </el-col>
+    <el-col :span="12">
+      <Commonform
+      />
+    </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
+  }
+}
+</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>