修改兼容firefox

src/main.js

@@ -6,13 +6,12 @@ import App from './App'
 import router from './router'
 import common from './util/common'
 import api from './util/api'
-import {Button, Collapse, Panel, Modal, Table, Drawer, Tabs, TabPane, Spin} from 'view-design'
+import {Collapse, Panel, Modal, Table, Drawer, Tabs, TabPane, Spin} from 'view-design'
 import 'view-design/dist/styles/iview.css'
 
 Vue.config.productionTip = false
 Vue.prototype.$com = common
 Vue.prototype.$api = api
-Vue.component('Button', Button)
 Vue.component('Collapse', Collapse)
 Vue.component('Panel', Panel)
 Vue.component('Modal', Modal)

src/views/main.vue

@@ -9,14 +9,7 @@
           </span>
           <div slot="content" class="community-list">
             <div v-for="(item, i) in curCommunity" :key="item.name + i">
-              <Button
-                @click="handleView(item)"
-                size="small"
-                type="text"
-                :title="item.name"
-                long>
-                {{item.name}}
-              </Button>
+              <span :title="item.name" class="name-btn" @click="handleView(item)">{{item.name}}</span>
               <a @click="handleDetail(item)">详情</a>
             </div>
           </div>
@@ -36,13 +29,7 @@
           街镇列表
           <div slot="content" class="community-list">
             <div v-for="(item, i) in Object.keys(streetDic)" :key="item + i">
-              <Button
-                @click="toWhichStreet(streetDic[item])"
-                size="small"
-                type="text"
-                long>
-                {{streetDic[item]}}
-              </Button>
+              <span :title="streetDic[item]" class="name-btn" @click="toWhichStreet(streetDic[item])">{{streetDic[item]}}</span>
             </div>
           </div>
         </Panel>
@@ -658,11 +645,24 @@ export default {
       >div
         display flex
         justify-content space-between
+        align-items center
         height .26rem
-        line-height @height
+        .name-btn
+          text-align left
+          flex 1
+          overflow hidden
+          white-space nowrap
+          text-overflow ellipsis
+          cursor pointer
+          font-weight normal
+          font-size .11rem
+          margin-right .1rem
+          &:hover
+            color #2c3e50
+            font-weight bold
         a
-          display block
-          min-width .5rem
+          // display block
+          // min-width .4rem
           text-align right
   .tab-menu
     position absolute
@@ -773,16 +773,7 @@ export default {
       padding 0 .1rem
       .ivu-collapse-content-box
         padding .1rem 0
-        button
-          text-align left
-          font-size .11rem
-          overflow hidden
-          >span
-            display inline-block
-            width 100%
-            overflow hidden
-            white-space nowrap
-            text-overflow ellipsis
+        cursor initial
 .tab-menu
   .ivu-tabs-bar
     margin-bottom 0