Вопросы и ответы - css - страница 4

Вопросы и ответы - css - страница 4



Есть ответ!
У меня есть 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 и не хочет, чтобы приложение открывало новые окна. Но также недопустимо просто блокировать все всплывающие окна с помощью песочного бокса, так как некоторые из них содержат критическую функциональность. Таким образом, ...


Закрыть X