Paketi

@lia-labs/elements

Kutuma mstereani

Kundi la Lia SDK kama mifumo ya kawaida, kwa yoyote mtandao na yoyote framework. Ongeza mifumo kwenye mtandao na hutoa kazi yake wakati yake.

npm install @lia-labs/elements

Au bila hatua ya kujenga:

<script src="https://unpkg.com/@lia-labs/elements/dist/auto.global.js"></script>

Script build inayotaja mifano kama inayozalisha na kushika kila SDK kwenye window.liaElements. Kwa kifunzo, jisajili wao kwa muda mmoja:

import { defineLiaElements } from '@lia-labs/elements';
defineLiaElements();

#App

<lia-app auto-ready></lia-app>
<lia-main-button text="Buy extra lives"></lia-main-button>
<button id="play">Play</button>
<div id="game"></div>

<script>
  document.querySelector('lia-main-button').addEventListener('lia-click', function () {
    liaElements.pay('extra-lives');
  });
  document.querySelector('lia-app').addEventListener('lia-ready', function (event) {
    console.log('Hello, @' + event.detail.player.name);
  });

  // While a game runs: a back button and closing confirmation, gone when the game ends.
  var game = document.getElementById('game');
  document.getElementById('play').onclick = function () {
    game.innerHTML = '<lia-back-button></lia-back-button><lia-closing-confirmation></lia-closing-confirmation>';
    game.querySelector('lia-back-button').addEventListener('lia-click', function () { game.innerHTML = ''; });
  };
</script>

Mipango hayaanishaji kwenye mkono wako: kila mmoja hujisajili kwa sehemu ya Lia wakati's katika dokumenti. Kusita (au mmoja mmoja) hufunika kibao au kushinda mafunzo. Mifano kati ya hidden mwanamama hajafaniki kwa muda mmoja: ongeza na kusahau wao thamani.

#Elements

Element	Kama ina's kwenye mstari	Mauzo	Kifundisho
`<lia-app>`	Kumbukia `init()`, kisha ina `ready` (au `error`) kwa mstari yake	`auto-ready` mawaziri `ready()` baadhi ya mfululizo wa kwanza; `no-css-vars`	`lia-ready` (matokeo ya kuanzisha) `lia-error`
`<lia-main-button>`	Lia's kifuniko kikubwa	`text`, `color`, `text-color`, `disabled`, `progress`, `shine`	`lia-click`
`<lia-secondary-button>`	Ndo ya pili	Kama kama, na `position`	`lia-click`
`<lia-back-button>`	Kichwa'kutoka kwenye mstari		`lia-click`
`<lia-settings-button>`	Kuhakikisha katika menyu ya ⋯		`lia-click`
`<lia-closing-confirmation>`	Lia anasalimisha kabla ya kufungua
`<lia-swipe-lock>`	Kutoka kwa kushuka kwa kushuka't close the sheet
`<lia-banner>`	Banner ya Lia inapakia kwenye mstari wakati inaendelea's kwenye mstari (mstari wako unapunguzwa kusaidia kuhifadhi)	`position`: `bottom` (kwa kawaida) au `top`

Kubadilisha sifa inabadilisha pumzani: button.setAttribute('progress', '') inashow kwenye mizani yake, button.toggleAttribute('disabled', true) hukamata.

Kutafsiri kwa kawaida. Kiingereza kina maana ya kawaida. Kusoma kwa Kiingereza