2022-06-28

单词换行

```

兼容 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中

在data的column中

{

    title: "有效期",

    key: "effectiveTime",

    align: "center",

    slot: "effectiveTime",

},

```

表格渲染

```

render: (h, params) => {

            return h("div",

            [h( "Button",{style:{},props:{},on:{click:()=>{}}},xxx)]

            )

        }

```

打电话

```

4000057995

```

Unicode

```

== 普通的英文半角空格

  ==   ==   == no-break space （普通的英文半角空格但不换行）

　 == 中文全角空格 （一个中文宽度）

  ==   == en空格 （半个中文宽度）

  ==   == em空格 （一个中文宽度）

  == 四分之一em空格 （四分之一中文宽度）

```

滚动条样式

```

::-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'}"

```

省略号显示

```

overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis;

```

iView 的Select组件点击时 向上开启

```

placement="top"

```

视图都被渲染之后才运行

```

mounted() {

  this.$nextTick(function () {

    // 仅在整个视图都被渲染之后才会运行的代码

  })

}

```