Файловый менеджер - Редактировать - /var/www/html/components/com_community/assets/app/src/common/emoji-mart-vue/components/category.vue
Ðазад
<template> <div :class="{ 'emoji-mart-category': true, 'emoji-mart-no-results': !hasResults }" v-if="isVisible && (isSearch || hasResults)"> <div class="emoji-mart-category-label"> <span>{{ i18n.categories[id] }}</span> </div> <nimble-emoji v-for="emoji in emojis" :key="emoji.id || emoji" :data="data" :emoji="emoji" :native="emojiProps.native" :skin="emojiProps.skin" :set="emojiProps.set" :size="emojiProps.size" :sheet-size="emojiProps.sheetSize" :force-size="emojiProps.forceSize" :tooltip="emojiProps.tooltip" :background-image-fn="emojiProps.backgroundImageFn" :useEmojiClass="emojiProps.useEmojiClass" @click="emojiProps.onClick" @mouseenter="emojiProps.onEnter" @mouseleave="emojiProps.onLeave" /> <div v-if="!hasResults"> <nimble-emoji :data="data" :size="emojiProps.size" emoji="sleuth_or_spy" :native="emojiProps.native" :skin="emojiProps.skin" :set="emojiProps.set" :sheet-size="emojiProps.sheetSize" :background-image-fn="emojiProps.backgroundImageFn" :useEmojiClass="emojiProps.useEmojiClass" /> <div class="emoji-mart-no-results-label">{{ i18n.notfound }}</div> </div> </div> </template> <script> import NimbleEmoji from './emoji/nimbleEmoji.vue' export default { props: { data: { type: Object, required: true }, i18n: { type: Object, required: true }, id: { type: String, required: true }, name: { type: String, required: true }, emojis: { type: Array }, emojiProps: { type: Object, required: true } }, computed: { isVisible() { return !!this.emojis }, isSearch() { return this.name == 'Search' }, hasResults() { return this.emojis.length > 0 } }, components: { NimbleEmoji } } </script> <style> .emoji-mart-category { position: relative; } .emoji-mart-category-label { position: sticky; top: 0; } .emoji-mart-category .emoji-mart-emoji:before { z-index: 0; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #f4f4f4; border-radius: 100%; opacity: 0; } .emoji-mart-category .emoji-mart-emoji:hover:before { opacity: 1; } .emoji-mart-category-label { z-index: 2; position: relative; position: -webkit-sticky; position: sticky; top: 0; } .emoji-mart-category-label span { display: block; width: 100%; font-weight: 500; padding: 5px 6px; background-color: #fff; background-color: rgba(255, 255, 255, .95); } .emoji-mart-no-results { font-size: 14px; text-align: center; padding-top: 70px; color: #858585; } .emoji-mart-no-results .emoji-mart-category-label { display: none; } .emoji-mart-no-results .emoji-mart-no-results-label { margin-top: .2em; } .emoji-mart-no-results .emoji-mart-emoji:hover:before { content: none; } .emoji-mart-category .emoji-mart-emoji span { z-index: 1; position: relative; text-align: center; } </style>
| ver. 1.1 | |
.
| PHP 8.4.18 | Ð“ÐµÐ½ÐµÑ€Ð°Ñ†Ð¸Ñ Ñтраницы: 0 |
proxy
|
phpinfo
|
ÐаÑтройка