Как отрисовать данный input?

origami1024, а если имя между серым и белым фоном ?

То это градиентом нужно ?

Как отрисовать данный input?

Спасибо большое!

Как отрисовать данный input?

Мне понятно как сделать при фокусе, чтобы label вверх поднимался

Непонятно как реализовать такой border ?

Как отрисовать данный input?

Border добавлен, как вы представляете это реализовать с помощью :before ?

Почему не работает роутинг у vue?

Варлам Ерофеич, ну бундле там подключена по-умолчанию, а # все равно не убираются

Почему не работает роутинг у vue?

Варлам Ерофеич, что можете прокомментировать поэтому поводу ?

Почему не работает роутинг у vue?

Варлам Ерофеич, просто посмотрите исходник с bundle.js https://github.com/GitHubTochkaDev/vuejs-tutorials...

Я себе скачал, открыл index.html и роутинг работает без ошибок

Однако есть одна проблема, # не убираются таким способом

Я писал mode: 'history', но ничего не менялось

Почему не работает роутинг у vue?

Варлам Ерофеич, а вы про скрипт bundle.js ничего не слышали ?

Он у меня убирает ошибки в консоли, а именно require

Почему не работает роутинг у vue?

Варлам Ерофеич, C:\Users\User\Desktop\project\templates\views

Внутри views все шаблоны

Почему не работает роутинг у vue?

Варлам Ерофеич, templates/views

Там уже сами расширения .vue

var Home = require('./views/Home.vue')
var Service = require('./views/Service.vue')

Почему не работает роутинг у vue?

Варлам Ерофеич, оно не работает, хоть var, хоть const - без разницы !

Почему не работает роутинг у vue?

Варлам Ерофеич, так все таки, ради интереса - можно ли небольшой пример, как запустить локально vue ?

const Foo = { template: '<div>foo</div>' }
const Bar = { template: '<div>bar</div>' }

Так все работает, а вот если так, то нет:

var Home = require('./views/Home.vue')
var Service = require('./views/Service.vue')

В консоли ругается на require, но я решил подключить requirejs, но опять мне вылезло куча ошибок

Поставил bundle.js и ошибка в консоли исчезла, это вебпака скрипт ?

Почему не работает роутинг у vue?

Варлам Ерофеич, ну если приложение компилируется, то на выходе будут js файлы, которые будут работать на простом сайте, без всяких apache и вебпаков

Почему я просто не могу подключить requirejs в свой index.html и просто пользоваться vue для тренировки ?

Неужели нету альтернатив ?

bundle.js наверно альтернатива, т.к. мне ошибок в консоли require исчезают

Почему не работает роутинг у vue?

Варлам Ерофеич, получается без webpack vue невозможно использовать ?

Почему не работает роутинг у vue?

Варлам Ерофеич, спасибо, а если у меня нету webpack и можно ли просто такое реализовать ?

Почему не работает роутинг у vue?

Варлам Ерофеич, а что нужно использовать взамен require ?

var Home = require('./views/Home.vue')
var Service = require('./views/Service.vue')

Vue.use(VueRouter)

const router = new VueRouter({
    mode: 'history', 
    routes: [
      { path: '/', component: Home },
      { path: '/service ', component: Service }
      ]
    })
new Vue({
  el: '#app',
  router: router
})

Почему не работает роутинг у vue?

Спасибо большое

А допустим у меня в index.html выводится главная страница, для роутинга мне придётся создавать home.vue

И потом по клику на ссылку home выводить главную страницу ?

Или можно создать home.vue и в index.html ей просто import сделать ?

Правильно ли сделана такая галерея на flex?

Ясно, спасибо большое за ответ!

Как сделать плавный градиентный переход?

А как во втором случае сделать плавный переход ?

https://codepen.io/Genri_Rus/pen/ZEzPwbG

Как сделать плавный градиентный переход?

Спасибо )