Вопросы и ответы - css - страница 13
angular antdv apexcharts background background-image bitrix bootstrap-4 bootstrap-modal bootstrap-vue buefy build bulma calendar canvas combobox compilation components cookies core-ui css css-animations css-grid css-mask css-position css-transitions css-variables cursor custom-component datatables django draggable drop-down-menu element-ui ember.js events firebase firebase-hosting flexbox flexboxgrid font-awesome frontend google-chrome google-font-api google-maps-markers header html html-lists html-table image interface internet-explorer ionic-framework ionic-vue ios javascript joomla joomla-extensions joomla3.0 jquery laravel laravel-5 laravel-6 laravel-8 laravel-blade laravel-mix layout less lumen material-design material-ui media-queries menu minify mobile modal module mysql navigation ngx-gallery node-sass npm nuxt.js opencart padding pagespeed paragraph performance php plotly prestashop prestashop-1.6 prestashop-1.7 quasar reactjs responsive-design right-to-left routerlink sass sass-loader scope scroll session sidebar smarty sticky styles stylus surveyjs svg symfony tailwind-css templates toggle transitions treeview twitter-bootstrap typeit typescript unix visual-studio vue-bootstrap vue-cli vue-cli-4 vue-component vue-router vue-transitions vue.js vuejs2 vuejs3 vuetify vuetify.js webpack webpage wordpress xampp yajra-datatable веб-программирование
Есть ответ!
Это приводит к подчеркнутой ссылке:
<li><router-link to="/hello">Hello</router-link></li>
Насколько я понимаю, элемент router-link генерирует тег a.
Я пробовал эти вещи в CSS:
router-link{
text-decoration: none;
}
router-link a{
text-decoration: none;
}
router-link a{
text-decoration: none !important;
}
.но, к сожалению, ничего из этого не работае...
Есть ответ!
Мне нужно найти способ использовать переменную VueJS в атрибуте стиля, например, когда я пытаюсь сделать что-то вроде <p style="color:[% randomColor() %];></p>, она исчезает на моей консоли.
Вот пример на скрипке : https://jsfiddle.net/Lindow/bjfvdgde/3/
HTML :
<div id="app">
<p style="color:[% randomColor() %];">[% nameAttr() %]</p>
</div>
язык JavaSc...
Есть ответ!
Я использую стартовую тему для Prestashop 1.7 https://github.com/PrestaShop/StarterTheme
Читая документацию, я обнаружил, что могу добавить файл js/css для конкретных шаблонов, редактируя файл theme.yml, просто добавляя (просто для примера):
assets:
css:
all:
- id: bootstrap-style
path: assets/css/bootstrap.min.css
js:
product:
- id: jquery
path: assets/j...
Есть ответ!
Я создаю административную страницу в проекте, который использует платную тему под названием "страницы".
Проблема в том, что в этих темах <nav> и <header> должны быть прямыми потомками <body>.
Когда я использую Vue для начальной загрузки приложения, я рендерингую его в <div> с id, который установлен в root. Затем он помещает <nav> и <header> в этот контейнер ...
Есть ответ!
Я пытаюсь создать некоторые переходы на моих компонентах просмотра маршрутизатора каждый раз, когда я нажимаю новую ссылку. Проблема в том, что только одна из анимаций затухания будет работать. Например, он исчезнет, но новая страница появится сразу же, как обычно. В принципе, у меня может быть только один вход-активный класс или выход-активный класс, но не оба одновременно.
<template>
...
Есть ответ!
У меня есть две админ-панели, созданные в проекте laravel 5.2. Они оба имеют различное назначение. Я хочу сказать, что они оба имеют разные функциональные возможности.
Я хочу, чтобы обе панели были в одном проекте. Существует ли какой-либо метод объединения/слияния двух проектов laravel в один проект?
Идея состоит в том, чтобы иметь две панели мониторинга в одном проекте, а не создавать все с нуля...
Есть ответ!
Я пытаюсь сделать довольно простой сворачиваемый переход меню. Моя стихия выглядит так:
<transition name="settings">
<div v-show="!settingsCollapsed">
</div>
</transition>
И мой css выглядит так
.settings-enter {
max-height: 0px;
}
.settings-enter-active {
max-height: 200px;
transition: all 1s;
}
.settings-leave {
max-height: 200px;
}
.settings-leave-a...
Есть ответ!
У меня есть прецедент, когда я хочу динамически изменить класс CSS на основе scroll postiion, который описан здесь.
Я думал использовать для этого vue-scroll. Я внес следующие изменения:
Установка с помощью npm:
npm install vue-scroll --save
внесены следующие изменения в main.js:
import Vue from 'vue'
import vScroll from 'vue-scroll'
Vue.use(vScroll)
добавлено следующее в одном из компонен...
Есть ответ!
Я пытаюсь связать src изображения в элементе, но это, похоже, не работает. Я получаю " недопустимое выражение. Сгенерированное тело функции: { backgroundImage: { url (image)}".
В документации говорится, что нужно использовать либо "кейс для кебаба", либо "кейс для верблюда".
<div class="circular" v-bind:style="{ backgroundImage: { url(image) }"></div>
Вот скрипка: https://jsfiddle...
Есть ответ!
Я пытаюсь создать различные макеты для некоторых категорий для клиента. Я нашел некоторые решения, как здесь, но это старый ответ, и мне также нужны некоторые дополнительные детали.
Я использую Prestashop 1.6.0.9 и хочу создать пользовательский список продуктов.файл TPL, чтобы изменить расположение и добавить некоторые небольшие особенности (сделать описание продуктов, все продукты изображения и...
Есть ответ!
Как переключить класс в vue.js?
У меня есть следующее:
<th class="initial " v-on="click: myFilter">
<span class="wkday">M</span>
</th>
new Vue({
el: '#my-container',
data: {},
methods: {
myFilter: function(){
// some code to filter users
}
}
});
Когда я нажимаю thя хочу применить activeкак класс следующим образом:
<th class="initial active...
Есть ответ!
У меня возникли проблемы с :не() селектор CSS. Я проверяю уже на stackoverflow, но ничего не работает. Проблема заключается в том, когда я объединяю: селектор первого ребенка с селектором идентификатора. Я работаю с Bitrix CRM, поэтому мне нужно переопределить некоторые из его css, для этого я использую "!важно" (хардкор).
Вот такой код:
.crm-offer-info-table tr:not(:first-child) {
float:rig...
Есть ответ!
тема В1.5.4.0
Я хочу добавить этот щелчок, чтобы открыть элемент, сделанный из CSS, HTML и JS, расположенных здесь http://codepen.io/anon/pen/Gqkxv
function openDoor(field) {
var y = $(field).find(".thumb");
var x = y.attr("class");
if (y.hasClass("thumbOpened")) {
y.removeClass("thumbOpened");
}
else {
$(".thumb").removeClass("thumb...
Есть ответ!
Я столкнулся со странной ошибкой, используя мой сайт OpenCart в Chrome. Изображения продукта не появляются, но я вижу белую область, где они должны появиться.
Если у продукта нет изображения, оно выровнено слева, но в этом случае я могу видеть белую область, где обычно находится изображение.
И вот самая сумасшедшая часть, если я нажимаю на элемент inspect, внезапно появляется изображение.
Некот...