整理scss

src/element-variables.scss

/* 改变主题色变量 */
$--color-primary: #2693ec !default;
/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';
@import "~element-ui/packages/theme-chalk/src/index";

src/main.js

import 'normalize.css/normalize.css'// A modern alternative to CSS resets
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import './element-variables.scss'
import '@/styles/index.scss' // global css

src/styles/element-ui.scss

}
.el-table th{
  font-weight:bold;
  color: $menuBg;
  color: $menuHover;
}
.el-table .cell{
  min-height: 23px;

src/styles/index.scss

  }
}
.link-href-row, .link-href-row:hover, .link-href-row:active, .link-href-row:link{
  color: #409EFF
}
.logo-container {
  font-size: 22px;
  font-weight: bold;

src/views/companyCen/activeList.vue

          align="center">
          <template slot-scope="scope">
            <div v-if="scope.row[item.prop]">
              <a class="link-href-row" v-if="item.link" :href="queryDetailShow(scope.row.id)" target="_blank">{{scope.row[item.prop]}}</a>
              <el-button type="text" v-if="item.link"><a :href="queryDetailShow(scope.row.id)" target="_blank">{{scope.row[item.prop]}}</a></el-button>
              <span v-else>{{scope.row[item.prop]}}</span>
            </div>
            <div class="operate-row" v-if="item.operate && typeof scope.row === 'object'">

src/views/companyCen/noactive/compProduct.vue

            align="center">
            <template slot-scope="scope">
              <div v-if="scope.row[item.prop]">
                <a class="link-href-row" v-if="item.link" :href="queryDetailShow(scope.row.id)" target="_blank">{{scope.row[item.prop]}}</a>
                <el-button type="text" v-if="item.link"><a :href="queryDetailShow(scope.row.id)" target="_blank">{{scope.row[item.prop]}}</a></el-button>
                <span v-else>{{scope.row[item.prop]}}</span>
              </div>
              <div class="operate-row" v-if="item.operate && typeof scope.row === 'object'">

src/views/companyCen/noactive/noactiveList.vue

          align="center">
          <template slot-scope="scope">
            <div v-if="scope.row[item.prop]">
              <a class="link-href-row" v-if="item.link" :href="queryDetailShow(scope.row.id)" target="_blank">{{scope.row[item.prop]}}</a>
              <el-button type="text" v-if="item.link"><a :href="queryDetailShow(scope.row.id)" target="_blank">{{scope.row[item.prop]}}</a></el-button>
              <div v-else-if="item.tag">
                <el-tag style="margin:2px" v-for="tag in scope.row[item.prop]" :key="tag.index">{{tag}}</el-tag>
              </div>