Комментарии пользователя Максим

Не применяются изменения во vue, что делать?

Максим @JuixyJes Автор вопроса

<template>
    <div id="app">
        <div class="hidden">
            <vs-navbar color="dark" shadow square center-collapsed v-model="active">
                <template #left>
                    <vs-button @click="activeSidebar = !activeSidebar" flat icon>
                        <img src="/img/menu.png" height="30">
                    </vs-button>
                </template>
                <template #right>
                    <vs-button flat >Войти</vs-button>
                    <vs-button>Зарегистрироваться</vs-button>
                </template>
            </vs-navbar>
            <vs-sidebar
                    reduce
                    square
                    background="dark"
                    textWhite
                    absolute
                    v-model="active"
                    :open.sync="activeSidebar"
            >
                <vs-sidebar-item id="home">
                    <template #icon>
                        <img src="/img/logo_svnc_notext.png" height="30">
                    </template>
                    SVNC
                </vs-sidebar-item>
                <vs-sidebar-item id="chat">
                    <template #icon>
                        <img src="/img/chat_logo.png" height="30">
                    </template>
                    Чат
                </vs-sidebar-item>
                <vs-sidebar-item id="Music">
                    <template #icon>
                        <img src="/img/music_logo.png" height="30">
                    </template>
                    Музыка
                </vs-sidebar-item>
                <vs-sidebar-group>
                    <template #header>
                        <vs-sidebar-item arrow>
                            <template #icon>
                                <img src="/img/sm_logo.png" height="30">
                            </template>
                            Соц. сети
                        </vs-sidebar-item>
                    </template>

                    <vs-sidebar-item id="Instagram">
                        <template #icon>
                            <img src="/img/insta_logo.png" height="30">
                        </template>
                        Instagram
                    </vs-sidebar-item>
                    <vs-sidebar-item id="twitter">
                        <template #icon>
                            <img src="/img/vk_logo.png" height="30">
                        </template>
                        VK
                    </vs-sidebar-item>
                    <vs-sidebar-item id="discord">
                        <template #icon>
                            <img src="/img/discord_logo.png" height="30">
                        </template>
                        Discord
                    </vs-sidebar-item>
                </vs-sidebar-group>
            </vs-sidebar>
        </div>
        <div class="center" v-if="loginDialog">
            <button @click="activeLoginDialog=!activeLoginDialog">
                active
            </button>
            <vs-dialog blur v-model="active">
                <template #header>
                    <h4 class="not-margin">
                        Добро пожаловать в <b>SVNC</b>
                    </h4>
                </template>


                <div class="con-form">
                    <vs-input v-model="input1" placeholder="Email">
                        <template #icon>
                            @
                        </template>
                    </vs-input>
                    <vs-input type="password" v-model="input2" placeholder="Password">
                        <template #icon>
                            <i class='bx bxs-lock'></i>
                        </template>
                    </vs-input>
                    <div class="flex">
                        <vs-checkbox v-model="checkbox1">Запомнить</vs-checkbox>
                        <a href="#">Забыли пароль?</a>
                    </div>
                </div>

                <template #footer>
                    <div class="footer-dialog">
                        <vs-button block>
                            Войти
                        </vs-button>

                        <div class="new">
                            Впервые здесь? <a href="#">Зарегистрироваться</a>
                        </div>
                    </div>
                </template>
            </vs-dialog>
        </div>

        <div class="container">
            <router-view/>
        </div>
    </div>
</template>

<script>
    export default {
        components: {
        },
        data: () => ({
            active: 'home',
            activeSidebar: false,
            activeLoginDialog: false,
            input1: '',
            input2: '',
            checkbox1: false,
            loginDialog: false,            
        }),
        methods: {

        }
    }
</script>

<style lang="stylus">
    getColor(vsColor, alpha = 1)
        unquote("rgba(var(--vs-"+vsColor+"), "+alpha+")")
    getVar(var)
    unquote("var(--vs-"+var+")")
    .not-margin
        margin 0px
        font-weight normal
        padding 10px
    .con-form
        width 100%
        .flex
            display flex
            align-items center
            justify-content space-between
            a
                font-size .8rem
                opacity .7
                &:hover
                    opacity 1
        .vs-checkbox-label
            font-size .8rem
        .vs-input-content
            margin 10px 0px
            width calc(100%)
            .vs-input
                width 100%
    .footer-dialog
        display flex
        align-items center
        justify-content center
        flex-direction column
        width calc(100%)
        .new
            margin 0px
            margin-top 20px
            padding: 0px
            font-size .7rem
            a
                color getColor('primary') !important
                margin-left 6px
                &:hover
                    text-decoration underline
        .vs-button
            margin 0px
</style>

Написано более трёх лет назад

Не применяются изменения во vue, что делать?

Максим @JuixyJes Автор вопроса

Эмиль Рахматуллин, что конкретно вам нужно?
Код App.vue?
package.json?

Написано более трёх лет назад

Как установить stylus-loader?

Максим @JuixyJes Автор вопроса

ned4ded, установка производилась через npm ,
"vuesax": "^3.12.2",

Написано более трёх лет назад

ned4ded, пробовал уже, не помогает это, увы. Разными способами устанавливал этот stylus-loader. Он есть во vuesax, да много где есть, и vuesax у меня установлен, но все равно при попытке сбилдить говорит о том что он не установлен

Написано более трёх лет назад

Как установить stylus-loader?

Максим @JuixyJes Автор вопроса

Alex, npm run serve.

Написано более трёх лет назад

Как вывести пдф на печать?

Максим @JuixyJes Автор вопроса

alexalexes,

<iframe :src="pdfUrl" v-if="pdfUrl" v-on:load="hideLoadPanel"></iframe>

Соответственно URL приходит как пропс. Но прикол в том, что как я понимаю печать iframe и так должна работать, т. К. В яндекс браузере то все нормально, они выводятся

Написано более трёх лет назад

Как скопировать текст в клипборд из спрятанного инпута?

Максим @JuixyJes Автор вопроса

Если использовать .value, то ловлю exception, то что полученное значение не Node, т. к. Value просто число. Ну и плюсом, если брать не value, то все равно. Если поле скрыто (display:none) то из него значение не достается

Написано более трёх лет назад

Как скопировать текст из div по нажатию на кнопку?

Максим @JuixyJes Автор вопроса

Как я понял с самим контекстном меню это так не работает

Написано более трёх лет назад

Как скопировать текст из div по нажатию на кнопку?

Максим @JuixyJes Автор вопроса

Benchstyle, это бы сработало, я полагаю. Думал сам разберусь, но тут такое дело. Кнопка находится в контекстном меню, которое является отдельным .vue, в котором dx-context-menu, и событие вызывается по нажатию на элемент контекстного меню.

copyText () {
	if (item) {
		document.getElementById("copy-item").select();
		try {
			let successful = document.execCommand('copy');
			let msg = successful ? 'successful' : 'unsuccessful' ;
			console.log(msg);
		} catch (e) {
			console.log("error");
		}
	} 
}

Написано более трёх лет назад

Как скопировать текст из div по нажатию на кнопку?

Максим @JuixyJes Автор вопроса

А в буфер то как закинуть?)

Написано более трёх лет назад

Войдите на сайт