{"id":6025,"date":"2020-08-03T13:04:12","date_gmt":"2020-08-03T04:04:12","guid":{"rendered":"https:\/\/nsme.red\/wp\/?p=6025"},"modified":"2020-09-22T10:30:13","modified_gmt":"2020-09-22T01:30:13","slug":"%e3%83%84%e3%83%bc%e3%83%ab%e3%83%81%e3%83%83%e3%83%97%e3%80%80v-tooltip","status":"publish","type":"post","link":"https:\/\/core.nsme.net\/notes\/vue-js\/%e3%83%a9%e3%82%a4%e3%83%96%e3%83%a9%e3%83%aa\/6025\/","title":{"rendered":"\u30c4\u30fc\u30eb\u30c1\u30c3\u30d7\u3000v-tooltip"},"content":{"rendered":"\n
\n

\u9577\u3044\u6587\u7ae0\u3092\u5165\u308c\u308b\u3068\u304d\u3001\u6539\u884c\u3092\u5165\u308c\u305f\u304f\u306a\u308b\u304c\u3001\u5165\u308c\u308b\u3068\u30a8\u30e9\u30fc\u306b\u306a\u306e\u3067\u3001\u6ce8\u610f\uff01\uff01<\/span><\/strong><\/p>\n<\/div><\/div>\n\n\n\n

<script src=\"https:\/\/unpkg.com\/v-tooltip\"><\/script>\n\n <script>\n Vue.use(VTooltip);\n\n\u3000\/\/Vue\u3000...\n <\/script>\n\nhtml\u30bf\u30b0\u3000\u30c4\u30fc\u30eb\u30c1\u30c3\u30d7\u3092\u51fa\u3057\u305f\u3044\u3068\u3053\u308d\u306b\n\n<th v-tooltip=\"'\u8eca\u4e21\u691c\u7d22\u306e\u3068\u304d\u6700\u521d\u304b\u3089\u30bb\u30c3\u30c8\u3059\u308b\u30bb\u30f3\u30bf\u30fc<br> user_meta'\">\u8eca\u4e21\u30bb\u30c3\u30c8<\/th><\/code><\/pre>\n\n\n\n
.tooltip {
display: block !important;
z-index: 10000;
}
.tooltip .tooltip-inner {
background: black;
color: white;
border-radius: 10px;
padding: 5px 10px 4px;
font-size: 0.9em;
}
.tooltip .tooltip-arrow {
width: 0;
height: 0;
border-style: solid;
position: absolute;
margin: 5px;
border-color: black;
z-index: 1;
}
.tooltip[x-placement^=\"top\"] {
margin-bottom: 5px;
}
.tooltip[x-placement^=\"top\"] .tooltip-arrow {
border-width: 5px 5px 0 5px;
border-left-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
bottom: -5px;
left: calc(50% - 5px);
margin-top: 0;
margin-bottom: 0;
}
.tooltip[x-placement^=\"bottom\"] {
margin-top: 5px;
}
.tooltip[x-placement^=\"bottom\"] .tooltip-arrow {
border-width: 0 5px 5px 5px;
border-left-color: transparent !important;
border-right-color: transparent !important;
border-top-color: transparent !important;
top: -5px;
left: calc(50% - 5px);
margin-top: 0;
margin-bottom: 0;
}
.tooltip[x-placement^=\"right\"] {
margin-left: 5px;
}
.tooltip[x-placement^=\"right\"] .tooltip-arrow {
border-width: 5px 5px 5px 0;
border-left-color: transparent !important;
border-top-color: transparent !important;
border-bottom-color: transparent !important;
left: -5px;
top: calc(50% - 5px);
margin-left: 0;
margin-right: 0;
}
.tooltip[x-placement^=\"left\"] {
margin-right: 5px;
}
.tooltip[x-placement^=\"left\"] .tooltip-arrow {
border-width: 5px 0 5px 5px;
border-top-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
right: -5px;
top: calc(50% - 5px);
margin-left: 0;
margin-right: 0;
}
.tooltip.popover .popover-inner {
background: #f9f9f9;
color: black;
padding: 24px;
border-radius: 5px;
box-shadow: 0 5px 30px rgba(black, .1);
}
.tooltip.popover .popover-arrow {
border-color: #f9f9f9;
}
.tooltip[aria-hidden='true'] {
visibility: hidden;
opacity: 0;
transition: opacity .15s, visibility .15s;
}
.tooltip[aria-hidden='false'] {
visibility: visible;
opacity: 1;
transition: opacity .15s;
}<\/pre>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
\u9577\u3044\u6587\u7ae0\u3092\u5165\u308c\u308b\u3068\u304d\u3001\u6539\u884c\u3092\u5165\u308c\u305f\u304f\u306a\u308b\u304c\u3001\u5165\u308c\u308b\u3068\u30a8\u30e9\u30fc\u306b\u306a\u306e\u3067\u3001\u6ce8\u610f\uff01\uff01 .tooltip {display: block !important;z-index: 10000;}.tooltip .tooltip-i […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[39],"tags":[],"class_list":["post-6025","post","type-post","status-publish","format-standard","hentry","category-39"],"acf":[],"_links":{"self":[{"href":"https:\/\/core.nsme.net\/notes\/wp-json\/wp\/v2\/posts\/6025","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/core.nsme.net\/notes\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/core.nsme.net\/notes\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/core.nsme.net\/notes\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/core.nsme.net\/notes\/wp-json\/wp\/v2\/comments?post=6025"}],"version-history":[{"count":4,"href":"https:\/\/core.nsme.net\/notes\/wp-json\/wp\/v2\/posts\/6025\/revisions"}],"predecessor-version":[{"id":6065,"href":"https:\/\/core.nsme.net\/notes\/wp-json\/wp\/v2\/posts\/6025\/revisions\/6065"}],"wp:attachment":[{"href":"https:\/\/core.nsme.net\/notes\/wp-json\/wp\/v2\/media?parent=6025"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/core.nsme.net\/notes\/wp-json\/wp\/v2\/categories?post=6025"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/core.nsme.net\/notes\/wp-json\/wp\/v2\/tags?post=6025"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}