cloud-ui.vusion/src/components/u-tooltip.vue/docs/cases.md

Vusion Cloud UI

#### 修改偏移距离

``` html
<u-linear-layout>
    <u-button>
        hover（默认）
        <u-tooltip offset="10">Tooltip</u-tooltip>
    </u-button>
    <u-button>
        hover（默认）
        <u-tooltip offset="10% 10px">Tooltip</u-tooltip>
    </u-button>
</u-linear-layout>
```

#### 更新数据

``` vue
<template>
<u-button>
    hover（默认）
    <u-tooltip @mousemove.native="onMouseMove">{{ count }}</u-tooltip>
</u-button>
</template>

<script>
export default {
    data() {
        return {
            count: 0,
        };
    },
    methods: {
        onMouseMove(e) {
            this.count++;
        },
    },
};
</script>
```

#### 空值

``` html
<u-button>
    空值
    <u-tooltip></u-tooltip>
</u-button>
```


### 复杂定位问题

``` html
<u-linear-layout>
    <span>
        Span
        <u-tooltip>Span</u-tooltip>
    </span>
    <u-button>
        Button
        <u-tooltip>Button</u-tooltip>
    </u-button>
    <u-button>
        Button
        <span>
            test
            <u-tooltip>Button</u-tooltip>
        </span>
    </u-button>
    <u-select>
        <u-select-item>苹果</u-select-item>
        <u-select-item>香蕉</u-select-item>
        <u-select-item>蛋糕<u-tooltip>SelectItem</u-tooltip></u-select-item>
        <u-tooltip>Select</u-tooltip>
        <div>test <u-tooltip>Select</u-tooltip></div>
    </u-select>
    <input v-tooltip="'Input'">
    <u-button>Button</u-button>
    <u-tooltip reference="prev">Button Prev</u-tooltip>
    <u-tooltip reference="next">Button Next</u-tooltip>
    <u-button>Button</u-button>
</u-linear-layout>
```