feat: 初始化项目配置和样式- 添加项目环境变量配置文件 (.env)
- 创建代码忽略文件列表 (.gitignore) - 设置代码格式化规则 (.prettierrc)- 添加各种样式文件,包括背景、边框、按钮、卡片等组件样式 - 创建暗黑主题样式文件 - 添加表单和代码样式文件
This commit is contained in:
@@ -0,0 +1,68 @@
|
||||
<template>
|
||||
<view class="uni-tooltip">
|
||||
<slot></slot>
|
||||
<view v-if="content || $slots.content" class="uni-tooltip-popup">
|
||||
<slot name="content">
|
||||
{{content}}
|
||||
</slot>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
||||
<script>
|
||||
/**
|
||||
* Tooltip 提示文字
|
||||
* @description 常用于展示鼠标 hover 时的提示信息。
|
||||
* @tutorial https://uniapp.dcloud.io/component/uniui/uni-tooltip
|
||||
* @property {String} content 弹出层显示的内容
|
||||
* @property {String} placement出现位置, 目前只支持 left
|
||||
*/
|
||||
|
||||
|
||||
export default {
|
||||
name: "uni-tooltip",
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
},
|
||||
props: {
|
||||
content: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
|
||||
placement: {
|
||||
type: String,
|
||||
default: 'bottom'
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.uni-tooltip {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.uni-tooltip-popup {
|
||||
z-index: 1;
|
||||
display: none;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
background-color: #333;
|
||||
border-radius: 8px;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
text-align: left;
|
||||
line-height: 16px;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
|
||||
.uni-tooltip:hover .uni-tooltip-popup {
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user