@vuejs_ru
Vue.js — русскоговорящее сообщество

Общаемся на темы, посвященные Vue.js и опыту его использования. Проблемы. Новости. Решения. См. также: @js_ru, @react_js, @angular_ru, @nuxtjs_ru Вакансии только тут: @javascript_jobs

3988 members

Архив канала @vuejs_ru 25 октября 2016 г.

01:26:30 ДП
User 139068333
че нашел http://vueui.github.io/
06:01:26 ДП
User 552804
ребзя, а помогите мне с js немного разобраться... есть на сайте кнопки "В корзину", хочу чтобы при клике на кнопку в углу сайта выплывал блок с картинкой и через например 2 секунды плавно уезжал обратно. Делаю например блок #block, какое ему позиционирование задать и как сделать появление исчезновение? Делаю на vue
06:03:52 ДП
User 552804
это лучше делать vue транзакциями или просто css/js?
06:06:03 ДП
User 58768789
Position fixed, right 0, left 0
06:06:06 ДП
User 552804
похожая тема была в вк, когда при клике на лайк выплывал "Ничоси"
06:06:43 ДП
User 58768789
Если есть jqueru то тебе удобнее через fadein, fadeout
06:06:58 ДП
User 552804
ты через opacity предлагаешь? я хочу не просто появление а как бы выплывание из за пределов экрана
06:07:04 ДП
User 58768789
Лучше конечно через транзишн и опасити
06:07:10 ДП
06:07:19 ДП
User 552804
то есть надо отрицательно сдвинуть сначала?
06:07:22 ДП
User 552804
а потом выдвигать?
06:07:55 ДП
User 58768789
Тогда класс ставишь, на этот класс вешаешь bottom x с транзишн
06:08:16 ДП
User 58768789
А без класса вешаешь bottom -100%
06:08:25 ДП
User 552804
а как сделать чтобы через 2 секунды пошло в обратную сторону?
06:09:50 ДП
User 58768789
Ну по идее ты должен этот класс убирать. Конечно некрасиво, но проще всего через таймаут
06:09:54 ДП
06:09:57 ДП
User 58768789
Стопе
06:10:30 ДП
User 58768789
Можешь транзишн груп юзать. Я забыл чето, в каком мы чатике
06:11:02 ДП
User 58768789
Но тут гули уже. Я с телефона, а писать много
06:11:08 ДП
User 552804
ага, понял
06:11:10 ДП
User 552804
ладно спасибо
06:11:17 ДП
User 552804
просто по vue мало примеров гуглится)
06:11:29 ДП
User 552804
а мне бэкендеру в фронте #тяжеловато
06:11:30 ДП
User 58768789
В доках есть
06:11:35 ДП
User 552804
там смотрел конечно
06:15:45 ДП
User 552804
а ну вроде нашел пример в доках который можно приспособить
06:15:48 ДП
User 552804
надо пробовать теперь
07:42:58 ДП
User 85413039
animate css use dude)
07:45:23 ДП
User 85413039
У меня глупая идея
07:46:21 ДП
User 85413039
Сделать сервис для Vue компонентов
08:58:52 ДП
User 58768789
User 85413039
У меня глупая идея
Удваиваю.
09:01:40 ДП
User 552804
а чо глупого?
09:01:47 ДП
User 552804
думаю многим было бы интересно
06:04:48 ПП
User 82920835
import Vue from 'vue'
import App from './App.vue'
import Hello from './components/Hello.vue'
import VueResource from 'vue-resource'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
Vue.use(VueResource);

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

var router = new VueRouter({
    routes: [
        { path: '/about', component: App },
        { path: '/hello', component: Hello},
        { path: '/test', component: Foo}
    ]
})



new Vue({
  el: '#app',
    router: router
});
06:05:06 ПП
User 82920835
Ребят, что не так роутером ?
06:05:18 ПП
User 82920835
Что даже foo не отображается
06:05:43 ПП
User 82920835
В хтмл тег прописал
06:06:22 ПП
User 82920835
Решетка в адресной строке появилось, так что роутер установлен
06:07:50 ПП
User 85413039
Дефоулт рут есть?
06:08:33 ПП
User 82920835
Нет, как видишь. По примеру просто делал
06:08:40 ПП
User 234491501
Уже кидали?
https://github.com/alibaba/weex
имхо пока не юзабельное, хотя планы норм.
github.com/alibaba/weex
A framework for building Mobile cross-platform UI. Contribute to alibaba/weex development by creating an account on GitHub.