Вопросы и ответы - css - страница 4
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 веб-программирование
Есть ответ!
У меня есть 2 элемента в моем веб-макете, которые должны занимать 25% и 75% видимой высоты экрана соответственно, используя директивы Bootstrap 4 row, но это, похоже, никак не влияет на высоту элементов.
Похоже, что форма электронной почты и вид изображения-это просто минимальная высота, необходимая для обертывания содержимого элемента. Что я делаю не так?
<template>
<div class="c...
Есть ответ!
У меня проблема с моим vue.js приложение, когда я осматриваю элемент, говорит мне, что фоновое изображение находится на его максимальном весе и максимальной высоте, но вот как оно выглядит:
Введите описание изображения здесь
Вот мой html:
<div class="hero-image">
<div>
<h1 class="text-center mb-5" >Prijava</h1>
</div>
<form @submit.prevent=&q...
Есть ответ!
У меня есть дерзкая архитектура, где я размещаю все свои стили. У меня есть только один файл SASS, который импортирует все частичные данные (включая переменные, миксин и т. д.).
Я хотел бы знать, как я могу получить доступ ко всем этим стилям на каждом SFC, которые Vue предлагает нам, чтобы я мог использовать миксины, переменные и многое другое в моем SFC.
Наконец, как это должно быть сделано? Взя...
Есть ответ!
Я пытаюсь реализовать простую анимацию с помощью Vue, но пока безуспешно. У меня есть два дива, которые визуализируются в зависимости от значения данного свойства данных
<!--Step 1-->
<div v-if="step == 1" :transition="'slide'">
<select class="form-control" v-model="id.category">
<option value="null">Please Select<...
Есть ответ!
Я использую плоты с Vue оболочки Вью-Plotly и я хочу, чтобы динамически изменять данные на участок
Я использую функцию, которая изменяет значение данных, отправляемых на график Ploty (который реагирует).
methods: {
changelayout() {
this.data[1].x = [10];
},
}
Он работает хорошо, данные обновляются, и график также обновляется.
Однако происходит некоторое неожиданное поведение, когд...
Есть ответ!
Может ли кто-нибудь объяснить мне, как установить css на флажок vuetify? Я хотел бы изменить шрифт, его размер и т. д., Но я понятия не имею, как получить доступ к нему в разделе стиля. Вот мой флажок:
<v-checkbox
class="type-box"
dense
v-for="type in feedTypeFilterList"
:key="type.name"
v-model="type.isSelected"
:label="type.name"
/...
Есть ответ!
У меня есть растущая текстовая область, выровненная слева, и кнопки действий с правой стороны текстовой области. Я хочу выровнять кнопки действий внизу на одном уровне с растущей текстовой областью.
Вот моя разметка:
<div class="col">
<div class="mt-2">
<textarea name="messages[]" @keyup="typing(index)" :id="'ta_'+index" ...
Есть ответ!
Я не хочу, чтобы меню закрывало поле ввода. Моя версия Vuetify-2.3.18. Как мне это исправить?
Я нашел это, но это не работает для меня:
https://codepen.io/jrast/pen/NwMaZE?editors=1010
Я нашел ошибку Vuetify github:
https://github.com/vuetifyjs/vuetify/issues/2377
Пример кодового кода Vuetify v-select:
https://codepen.io/zmrqodfu/pen/abZeVOP?editors=101
Vue.use(Vuetify);
var vm = new Vue({
...
Есть ответ!
Я использую демо-веб-приложения, построенные с использованием вю-3, маршрутизатор-вю, и ушко, через Вуе в CLI. К сожалению, я не смог заставить свою веб-страницу заполнить всю высоту окна браузера.
Я попытался использовать bootstrap, чтобы установить vh-100 на самом высоком уровне div, но он по-прежнему, кажется, вертикально соответствует минимальной высоте содержимого, а не потребляет всю видимую...
Есть ответ!
В моем приложении есть несколько карт и левые / правые весла. Для обычного просмотра (safari, firefox, chrome) на рабочем столе/ноутбуке эти левые/правые лопасти видны при наведении курсора на эти карты. Внутри этих карт все ссылки / гиперссылки прекрасно работают на настольном компьютере/ноутбуке
Я использую @mouseover, чтобы показать эти весла для прокрутки этих карт. В ipad (сенсорных устройств...
Есть ответ!
Я пытаюсь добавить вертикальные линии в свою таблицу, которая выравнивается с заголовками, и я использую "border-collapse: separate", а также colspan, который варьируется от 1 до любого числа. Вот образ, чтобы представить себе это
Имея в виду, что ячейка 1 имеет colspan 3, а ячейка 2 имеет colspan 2
но я хотел бы сохранить отдельный крах границы для вида. Мой подход состоял в том, чтобы поместить...
Есть ответ!
Я пытаюсь найти способ, чтобы настроить стиль <v-select> вариантов. Я хочу предоставить разные backgroundColor в зависимости от значения опций. Все предоставленные :items будут исправлены (всегда одинаковы), поэтому мне нужно найти способ либо обнаружить параметры через их конкретное текстовое значение, либо объявить уникальный класс/идентификатор. Каков был бы наилучший подход для этого? Сп...
Есть ответ!
У меня есть ситуация, когда у меня есть абзац, который должен иметь поле выбора прямо посередине. Однако v-select немного великоват и, похоже, не позволяет вам контролировать его ширину.
В настоящее время это выглядит именно так:
new Vue({
el: '#root',
vuetify: new Vuetify(),
template: `
<div style="{ margin: '20px' }">
<v-row>
<v-col col="12">
<p...
Есть ответ!
У меня есть простой дизайн, которому нужно следовать как на больших экранах, так и на маленьких мобильных экранах, который в основном представляет собой два поля ввода/выбора, разделенных дефисом бок о бок. Это скриншот каркасов:
Как бы просто это ни выглядело, я не могу заставить сеточную систему работать на меня с этим дефисом. Это нарушает макет, что бы я ни делал.
Я немного поиграл с различны...
Есть ответ!
я новичок в vue js и пытаюсь сделать два фильтра-один по ценовому диапазону, а другой по жанру.
Любая помощь будет оценена по достоинству.
Вот мой код
ul class="filter-wrapper">
<li v-for="el in genreList" v-bind:key="el">
<a
href="#"
data-filter=".el.toLowerCase()"
onclick="genreFilter(el)"
>{{ el }}</a>
</li>
<h3>Filter...
Есть ответ!
Я хочу стилизовать свой заголовок v-data-table так, как вы видите на рисунке ниже.
ссылка на пример изображения
До сих пор я пытался добавить стиль непосредственно с помощью CSS:
<v-data-table
:headers="headers"
:items="desserts"
hide-default-footer
class="custom_table_class"
>
</v-data-table>
.custom_table_class > div > table > thead {
...
Есть ответ!
Я хочу поставить selectbox поверх фонового изображения.
Как я могу это сделать?
Таким образом, я могу предложить пользователю лучший опыт.
фоновое изображение
<select id='selectbox'>
<option>30</option>
<option>40</option>
<option>50</option>
</select>
Есть ответ!
Привет, я создал меню еще в моем старом проекте Vue 2.
Создание нового проекта Vue 2(скоро будет перенесен на Vue3) Я импортировал свое меню. HTML + CSS.
По какой-то причине это работает неправильно. Некоторые CSS работают, а некоторые нет, пожалуйста, смотрите скриншоты ниже. Может ли кто-нибудь сказать мне, что я упускаю/ не вижу ... прошло уже много часов.
Единственное различие между этими двум...
Есть ответ!
У меня есть проект Vue2 с простым компонентом, отображающим результаты двух команд. Этот компонент способен принимать текущий счет и счет из последней игры в качестве реквизита (оба числа всегда будут положительными целыми числами). Таким образом, легко вычислить предыдущие баллы. Вместо того чтобы напрямую отображать текущий счет, я хотел бы добавить анимацию подсчета.
Это то, что у меня есть до ...
Есть ответ!
Можно ли заставить всплывающее окно открыться в iframe, где произошло действие по открытию всплывающего окна?
У меня есть приложение VueJs, которое отображает веб-сайт внутри iframe и не хочет, чтобы приложение открывало новые окна. Но также недопустимо просто блокировать все всплывающие окна с помощью песочного бокса, так как некоторые из них содержат критическую функциональность.
Таким образом, ...