View Containers
View container introductions
| component | Introduções | Minimum version |
|---|---|---|
| view | Veja o contêiner | 1.0.0 |
| scroll-view | Área de visão rolável | 1.0.0 |
| web-view | Visualização de visualização da web | 1.0.0 |
| swiper | Área de visão rolável | 1.0.0 |
| swiper-item | Somente pode ser colocado componente Inswiper | 1.0.0 |
| cover-image | Uma visão de imagem que substitui o componente nativo. | 2.8.3 |
| cover-view | A visão de texto que substitui o componente nativo. | 2.8.3 |
| match-media | Consulta de mídia corresponde ao nó de detecção. | 2.9.3 |
| movable-area | View móvel | 2.9.3 |
| movable-view | Um contêiner de exibição removível que pode ser arrastado e deslizado pela página. | 2.9.3 |
| page-container | Página contêiner. | 2.11.3 |
| share-element | Elementos compartilhados. | 2.11.3 |
view
| attribute | type | Default value | Required | Introduções | Minimum version |
|---|---|---|---|---|---|
| hover-class | string | none | no | Especifica a classe de estilo para pressionar. | 2.11.4 |
| hover-stop-propagation | boolean | false | no | Especifica se deve impedir que o ancestral desse nó | 2.11.4 |
| hover-start-time | number | 50 | no | Quanto tempo leva para ligar, em milissegundos? | 2.11.4 |
| hover-stay-time | number | 400 | no | Clique no tempo de espera após a liberação do dedo, em milissegundos | 2.11.4 |
scroll-view
| attribute | type | Default value | Required | Introduções | Minimum version |
|---|---|---|---|---|---|
| scroll-x | boolean | false | no | Permitir rolamento horizontal | 1.0.0 |
| scroll-y | boolean | false | no | Permitir rolamento longitudinal | 1.0.0 |
| upper-threshold | number/string | 50 | no | TOP/A que distância da esquerda, gatilhos. | 1.0.0 |
| lower-threshold | number/string | 50 | no | Bottom Of Talus/Quão longe, à direita, gatilhos. | 1.0.0 |
| scroll-top | number/string | no | Defina a posição da barra de rolagem vertical | 1.0.0 | |
| scroll-left | number/string | no | Barra de rolagem horizontal SSET Local | 1.0.0 | |
| scroll-into-view | string | no | O valor deve ser um ID de elemento filho | 1.0.0 | |
| refresher-enabled | boolean | false | no | Abertura da atualização suspensa personalizada | |
| refresher-threshold | number | 45 | no | Defina um limite de atualização suspenso personalizado | |
| refresher-default-style | string | "black" | no | Defina o estilo padrão de atualização suspensa personalizada, configurações de suporte preto | white |
| refresher-background | string | "#FFF" | no | Defina a área de atualização suspensa personalizada | |
| refresher-triggered | boolean | false | no | Definir status de atualização de tração atual, true indica que a atualização de puxar para baixo foi acionada, false indica que a reflexão de queda -não está acionada | |
| bindscrolltoupper | eventhandle | no | Role até o topo/desencadeado à esquerda | 1.0.0 | |
| bindscrolltolower | eventhandle | no | Role para o fundo/acionado à direita | 1.0.0 | |
| bindscroll | eventhandle | no | Acionado ao rolar, event.detail = {scrollLeft, scroltop, scrolHeight, scrollwidth, deltax, deltay} | 1.0.0 | |
| bindrefresherpulling | eventhandle | no | O controle de atualização suspensa personalizado é puxado para baixo | ||
| bindrefresherrefresh | eventhandle | no | Atualização suspensa personalizada é acionada | ||
| bindrefresherrestore | eventhandle | no | Atualização suspensa personalizada é acionada | ||
| bindrefresherabort | eventhandle | no | Atualização suspensa personalizada abortada | ||
| scroll-with-animation | boolean | false | no | Use transições de animação ao definir a posição da barra de rolagem | |
| enable-back-to-top | boolean | false | no | IOS Clique na barra de status superior, clique duas | Not supported |
| enable-flex | boolean | false | no | Ativar layout do Flexbox. Quando ativado, o nó atual declara a tela: o Flex se tornará um contêiner flexível e atua em seus nós filhos. | Not supported |
| scroll-anchoring | boolean | false | no | Abra a propriedade de ancoragem de rolagem que controla a posição de rolagem para agitar com a mudança do conteúdo e somente no iOS sob o Android eficaz em referência CSS Overflow-âncora. | Not supported |
| enhanced | boolean | false | no | Ativar recursos aprimorados de scroll-view são ativados pela Operação ScrollViewContext Scroll-View | 2.12.9 |
| bounces | boolean | false | no | IOS Baixo Controle de Elista de Limite de Visão de Rolagem (simultaneamente APRENCIAMENTE ENECIADO ENCONTRADO ACENDENTE APÓS O ATRIÇÃO, SOMENTE APOIO PARA IOS 16 E SOBRE A SOBRE) | 3.0.45 |
| show-scrollbar | boolean | true | no | Controle implícito da barra de scroll (simultaneamente, o aprimorado entra em vigor após o atributo) | Not supported |
| paging-enabled | boolean | false | no | Paging Slide Effect (simultaneamente aberto, aprimorado entra em vigor após o atributo) | Not supported |
| fast-deceleration | boolean | false | no | Controle de velocidade deslizante (simultaneamente aberto, aprimorado entra em vigor após o atributo) | Not supported |
| binddragstart | eventhandle | no | Evento de início deslizante (simultaneamente open Enhanced entra em vigor após o atributo) Detalhe {scrolltop, scrollleft} | Not supported | |
| binddragging | eventhandle | no | Evento de deslizamento (simultaneamente aberto, aprimorado entra em vigor após o atributo) Detalhe {scrollleft} | Not supported | |
| binddragend | eventhandle | no | Evento de slides (simultaneamente aberto, aprimorou em vigor após o atributo) Detalhe {scrolltop, rollleft, velocidade} | Not supported |
swiper
| attribute | type | Default value | Required | Introduções | Minimum version |
|---|---|---|---|---|---|
| indicator-dots | boolean | false | no | Se você deve exibir o painel PACOTE | 1.0.0 |
| indicator-active-color | color | #000000 | no | Cor do ponteiro atualmente selecionada | 1.0.0 |
| autoplay | boolean | false | no | Se deve mudar automaticamente | 1.0.0 |
| current | number | 0 | no | O índice de controle deslizante atual | 1.0.0 |
| interval | number | 5000 | no | Intervalo de tempo de comutação automática | 1.0.0 |
| duration | number | 500 | no | Comprimento de animação deslizante | 1.0.0 |
| circular | boolean | false | no | O que ou não usar o deslizamento | 1.0.0 |
| vertical | boolean | false | no | A direção deslizante é longitudinal? | 1.0.0 |
| indicator-color | color | rgba(0, 0, 0, .3) | no | Indicando a cor do ponto | 2.11.4 |
| previous-margin | string | "0px" | no | Margem frontal, que pode ser usada para expor uma pequena parte do item anterior, aceita o valor de PX e RPX | Not supported |
| next-margin | string | "0px" | no | Margem traseira, que pode ser usada para expor uma pequena parte do último item, é acessível ao valor de PX e RPX | Not supported |
| snap-to-edge | boolean | false | no | Quando o swiper-ite um número maior ou igual a 2, circular fechado e gira-o em margem anterior ou próxima, você pode especificar a margem de whis se aplica a este E primeiro e último elementos | Not supported |
| display-multiple-items | number | 1 | no | Número de controles deslizantes exibidos simultaneamente | 2.11.4 |
| easing-function | string | "default" | no | Designação Swiper Alterne Type de animação lenta | Not supported |
| bindchange | eventhandle | no | Atual quando muda, aciona o evento chang, event.detail = {atual, fonte} | 2.11.4 | |
| bindtransition | eventhandle | no | Atual quando muda, aciona o evento chang, event.detail = {atual, fonte} | 2.11.4 | |
| bindanimationfinish | eventhandle | no | Gatilhos no final do evento Animation AnimationFinish, event.detail idem | 2.11.4 |
swiper-item
| attribute | type | Default value | Required | Introduções | Minimum version |
|---|---|---|---|---|---|
| item-id | string | no | Este identificador de swiper-ite | Not supported | |
| skip-hidden-item-layout | boolean | false | no | Se deve pular o layout do controle deslizante não explicado, defina como True melhora o desempenho deslizante em situações complexas, mas perde informações de layout para o estadual oculto Sli. Deers |
cover-image
| attribute | type | Default value | Required | Introduções | Minimum version |
|---|---|---|---|---|---|
| src | string | no | Caminho do ícone, Suporte ao caminho da temperatura, endereço de rede (suporte 1.6.0), ID do arquivo de nuvem (2.2.3 Suporte). | 1.0.0 | |
| bindload | eventhandle | no | Acionado quando a imagem carregou o sucesso totalmente | 2.11.4 | |
| binderror | eventhandle | no | Acionado quando a carga de imagem falha | 2.11.4 |
cover-view
| attribute | type | Default value | Required | Introduções | Minimum version |
|---|---|---|---|---|---|
| scroll-top | number/string | no | Defina o deslocamento de rolagem superior, somente quando o transbordamento-y: escrolomes um elemento de rolagem. | 2.11.4 |
match-media
| attribute | type | Default value | Required | Introduções | Minimum version |
|---|---|---|---|---|---|
| min-width | number | no | Largura mínima da página PX em unidades) | ||
| max-width | number | no | Largura máxima da página PX em unidades) | ||
| width | number | no | Largura da página PX em unidades) | ||
| min-height | number | no | Página mínima de altura px nas unidades) | ||
| max-height | number | no | Página máxima de altura px nas unidades) | ||
| height | number | no | Altura da página (px nas unidades) | ||
| orientation | string | no | Direção da tela (paisagem ou retrato) |
movable-area
| attribute | type | Default value | Required | Introduções | Minimum version |
|---|---|---|---|---|---|
| scale-area | Boolean | false | no | Quando a visualização de movimento interno está configurada para suportar zoom com dois dedos, defina este valor para alterar a área de efeito do gesto de zoom para toda a área de movimento | 2.11.4 |
movable-view
| attribute | type | Default value | Required | Introduções | Minimum version |
|---|---|---|---|---|---|
| direction | string | none | no | A direção móvel -View do movimento, com atributos como todos, vertical, horizontal, nenhum | 2.11.4 |
| inertia | boolean | false | no | View móvel com inrtia | 2.11.4 |
| out-of-bounds | boolean | false | no | Pode view móvel mover depois de experimentar a área móvel | 2.11.4 |
| x | number | no | Define o deslocamento na direção do eixo x. Se o valor de x não estiver no intervalo móvel, ele automaticamente moverá o valor de X tr. Iggers AnimationUnit Support PX (padrão), RPX | 2.11.4 | |
| y | number | no | Define um deslocamento e na direção y, que é movida automática se o valor de y não estiver no rangechaanging móvel do valor de y desencadeia a animação. Suporte da unidade PX (padrão), RPX | 2.11.4 | |
| damping | number | 20 | no | Fator de amortecimento, use para controlar x ou mudanças na animação e animação de ousada, quanto maior o valor, mais rápido ele se move | 2.11.4 |
| friction | number | 2 | no | Coeficiente de atrito, usado para controlar a animação do slidu inrtial, quanto maior o valor do atrito, mais rápido as paradas deslizantes são maiores do que ou será definido para padrão | 1.2.0 |
| disabled | boolean | false | no | Está desativado? | |
| scale | boolean | false | no | Zoom duplo de dedo é suportado. Os gestos da área padrão são com visualização móvel | 2.11.4 |
| scale-min | number | 0.5 | no | Defina zoom mínimo | 2.11.4 |
| scale-max | number | 10 | no | Defina o fator de escala máximo | 2.11.4 |
| scale-value | number | 1 | no | Define o fator de escala, que possui um intervalo de valores 0,5-10 | 2.11.4 |
| animation | boolean | true | no | Se deve usar a animação | 2.11.4 |
| bindchange | eventhandle | no | Evento desencadeou dring arrast, evento. Detalhe = {x e fonte} | 2.11.4 | |
| bindscale | eventhandle | no | Evento desencadeou a escala de dring, event.detail = {x e escala}, x e y Campos em [suporte após 2.1,0%} | 2.11.4 | |
| htouchmove | eventhandle | no | Acionado quando o primeiro toque do dedo se mover lateralmente. Se esse evento for capturado, significa que o toque de todos é Alsogaght. | 2.11.4 | |
| vtouchmove | eventhandle | no | Acionado quando o movimento é longitudinal após o primeiro toque do dedo. Se o evento for capturado, significa que o evento de toque é tudo | 2.11.4 |
page-container
| attribute | type | Default value | Required | Introduções | Minimum version |
|---|---|---|---|---|---|
| show | boolean | false | no | Se deve exibir componentes de contêiner | 2.11.3 |
| duration | number | 300 | no | Duração da animação, em milissegundos | 2.11.3 |
| z-index | number | 100 | no Nível do índice z | 2.11.3 | |
| overlay | boolean | true | no | Se deve exibir a camada de máscara | 2.11.3 |
| position | string | bottom | no | Localização pop -up, opcionalmente, centro direito inferior direito | 2.11.3 |
| round | boolean | false | no | Mostrar cantos arredondados | 2.11.3 |
| close-on-slide-down | boolean | false | no | Se deve fechar após um slide | 2.11.3 |
| overlay-style | string | no | Estilos de camada de máscara personalizados | 2.11.3 | |
| custom-style | string | no | Estilo de camada pop -up personalizado | 2.11.3 | |
| bind:beforeenter | eventhandle | no | Gatilho pré-entrada | 2.11.3 | |
| bind:enter | eventhandle | no | Desencadeado na entrada | 2.11.3 | |
| bind:afterenter | eventhandle | no | Gatilho pós-entrada | 2.11.3 | |
| bind:beforeleave | eventhandle | no | Gatilho antes de sair | 2.11.3 | |
| bind:leave | eventhandle | no | Desencadeado na saída | 2.11.3 | |
| bind:afterleave | eventhandle | no | Desencadeado depois de sair | 2.11.3 | |
| bind:clickoverlay | eventhandle | no | Acionado quando a camada de máscara é clicada | 2.11.3 |
share-element
| attribute | type | Default value | Required | Introduções | Minimum version |
|---|---|---|---|---|---|
| key | string | yes | Marcador de mapeamento | 2.11.3 | |
| transform | boolean | false | no | Seja para animar | 2.11.3 |
| duration | number | 300 | no | Duração da animação, em milissegundos | 2.11.3 |
| easing-function | string | ease-out | no | Função retardada de CSS | 2.11.3 |