Как использовать Shopify Polaris без ReactJS?

Я создаю встроенное приложение Shopify с помощью Shopify Polaris. Я должен включить модальную форму на странице встроенного приложения. Я знаю, что должен использовать этот . Но я не использую ReactJS. Поэтому я не могу изменить форму в модале. Я не знаю, как это сделать. Если кто-нибудь знает решение, оно будет оценено.

Я также заметил еще одну вещь. Я пробовал вводить "Числовое поле" (выберите числовое поле в раскрывающемся списке с здесь ). Клавиша со стрелкой увеличения и уменьшения работает в примере, но не в моей форме.

Вот мой код

<html>
    <head>
        <link rel="stylesheet" href="https://sdks.shopifycdn.com/polaris/2.0.0-rc.3/polaris.min.css" />
    </head>
    <body>
        <div class="">
            <div class="Polaris-Labelled__LabelWrapper">
                <div class="Polaris-Label">
                    <label id="TextField3Label" for="TextField3" class="Polaris-Label__Text">Quantity</label>
                </div>
            </div>
            <div class="Polaris-TextField Polaris-TextField--hasValue">
                <input id="TextField3" class="Polaris-TextField__Input" type="number" aria-labelledby="TextField3Label" aria-invalid="false" value="1">
                <div class="Polaris-TextField__Spinner" aria-hidden="true">
                    <div role="button" class="Polaris-TextField__Segment" tabindex="-1">
                        <div class="Polaris-TextField__SpinnerIcon"> 
                            <span class="Polaris-Icon"><svg class="Polaris-Icon__Svg" viewBox="0 0 20 20" focusable="false" aria-hidden="true"><path d="M15 12l-5-5-5 5z"></path></svg></span>
                        </div>
                    </div>
                    <div role="button" class="Polaris-TextField__Segment" tabindex="-1">
                        <div class="Polaris-TextField__SpinnerIcon">        
                            <span class="Polaris-Icon"><svg class="Polaris-Icon__Svg" viewBox="0 0 20 20" focusable="false" aria-hidden="true"><path d="M5 8l5 5 5-5z" fill-rule="evenodd"></path></svg></span>
                        </div>
                    </div>
                </div>
                <div class="Polaris-TextField__Backdrop"></div>
            </div>
        </div>
    </body>
</html>
4 голоса | спросил Akshay Vaghasiya 18 Mayam18 2018, 09:44:47

1 ответ


0
Извините, но если вы не используете React Js в Shopify Polaris, то это будет просто основной код HTML и CSS.Не поддерживается js-события, такие как вкладки моделей, скрытие шоу и т. Д. Вам нужно написать все в базовом javascript или jQuery.
ответил Onkar Singh 20 Mayam18 2018, 07:32:22

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132