Question

我正在尝试使用纸质抽屉面板的forcedNarrow = true。但我的页面没有响应。这是我的代码。显然，其他API都没有工作。有没有解决这个问题的方法？我试过重构我的网页。但似乎无法访问它的功能。

<paper-drawer-panel forcedNarrow='true'>

    <paper-header-panel main navigation flex>

        <paper-toolbar id='mytoolbar'>
 <div id='company_name'>KURIER  </div>
</paper-toolbar>

        <paper-toolbar id='secondary'>
            <paper-icon-button icon="menu" paper-drawer-toggle on-tap="menuAction" ></paper-icon-button>
            <paper-button raised>Login</paper-button>"
            <paper-button raised>Sign Up</paper-button>
        </paper-toolbar>



            <div id='signup'>
                <form method="get" action="{% url 'transport:index' %}">
                    <label for="i-want">I Want</label>
                    <input type="text" name="item-url" id="i-want">
                    <input type="submit" value="I want">
                </form>

                <form is="iron-form" id="form" method="post" action="{% url 'transport:signup' %}">
                    {% csrf_token %}
                    Sign Up
                    <paper-input label="Username" name="username-signup" id="username-signup"></paper-input>
                    <paper-input label="Password" type="password" name="password-signup" id="password-signup"></paper-input>
                    <paper-input label="Verify Password" type="password" name="password-verify" id="password-verify"></paper-input>
                    <paper-input label="Email" type="email" name="email-signup" id="email-signup"></paper-input>
                    <paper-input label="First Name" name="first_name-signup" id="firstname-signup"></paper-input>
                    <paper-input label="Last Name" name="last_name-signup" id="lastname-signup"></paper-input>
                    <paper-input label="Address 1" name="address_st_1" id="address1"></paper-input>
                    <paper-input label="Address 2/District" name="address_st_2" id="address2"></paper-input>
                    <paper-input label="Phone Number" name="phone_number" id="phone_number"></paper-input>
                    <paper-input label="City" name="city" id="city"></paper-input>
                    <paper-input label="State" name="state" id="state"></paper-input>
                    <paper-input label="Zip Code" name="zip_code" id="zip_code"></paper-input>
                    <paper-input label="Country" name="country" id="country"></paper-input>
                    <paper-button raised onclick="submitForm()">Sign Up</paper-button>
                </form>
            </div>
    </paper-header-panel>

    <div drawer>
    <paper-button>Login</paper-button>
    </div>

</paper-drawer-panel>

Answer 1

它是forceNarrow，而不是forcedNarrow。见docs。
构成元素<paper-drawer-panel force-narrow>

Answer 2

显然答案是<paper-drawer-panel force-Narrow>

聚合物力窄力量纳罗不起作用

2 个答案: