單詞換行
```
兼容 IE 和 FF 的換行 CSS 推薦樣式
??最好的方式是word-wrap:break-word; overflow:hidden;
??而不是word-wrap:break-word; word-break:break-all;
??也不是word-wrap:break-word; overflow:auto;
```
slot
```
在template的table中
<template slot-scope="{ row }" slot="effectiveTime">
? ? <span>{{ row.effectiveTime }}</span>
? ? <span style="margin: 0 5px">至</span>
? ? <span>{{ row.expireTime }}</span>
</template>
在data的column中
{
? ? title: "有效期",
? ? key: "effectiveTime",
? ? align: "center",
? ? slot: "effectiveTime",
},
```
表格渲染
```
render: (h, params) => {
? ? ? ? ? ? return h("div",
? ? ? ? ? ? [h( "Button",{style:{},props:{},on:{click:()=>{}}},xxx)]
? ? ? ? ? ? )
? ? ? ? }
```
打電話
```
<a class="phone-text" href='tel:4000057995'>4000057995</a>
```
Unicode
```
  == 普通的英文半角空格
  == ==   == no-break space (普通的英文半角空格但不換行)
  == 中文全角空格 (一個(gè)中文寬度)
  ==   == en空格 (半個(gè)中文寬度)
  ==   == em空格 (一個(gè)中文寬度)
  == 四分之一em空格 (四分之一中文寬度)
```
滾動(dòng)條樣式
```
::-webkit-scrollbar {
? width: 4px;
}
::-webkit-scrollbar-thumb {
? border-radius: 100px;
? background: #c4c9d3;
}
::-webkit-scrollbar-track {
? background: transparent;
}
::-webkit-scrollbar-corner {
? background: transparent;
}
```
class
```
:class="{ 'order_status': true, 'cancel': item.transactionStatus == '12'}"
```
省略號(hào)顯示
```
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
```
iView 的Select組件點(diǎn)擊時(shí) 向上開啟
```
placement="top"
```
視圖都被渲染之后才運(yùn)行
```
mounted() {
? this.$nextTick(function () {
? ? // 僅在整個(gè)視圖都被渲染之后才會(huì)運(yùn)行的代碼
? })
}
```