万年素人からHackerへの道

万年素人がHackerになれるまで殴り書きするぜ。

  • ・資産運用おすすめ
    10万円は1000円くらい利益
    資産運用ブログ アセマネ
    • ・寄付お願いします
      YENTEN:YYzNPzdsZWqr5THWAdMrKDj7GT8ietDc2W
      BitZenny:ZfpUbVya8MWQkjjGJMjA7P9pPkqaLnwPWH
      c0ban:8KG95GXdEquNpPW8xJAJf7nn5kbimQ5wj1
      Skycoin:KMqcn7x8REwwzMHPi9fV9fbNwdofYAWKRo

    Weexでのボタン押下処理

    src/HelloWorld.tsxを使った。 cssで背景色でボタンを擬似的に。 普通のクリックと長押しがある。 このサンプルではログとトースト表示。

    @appear @disappearはなんか機能しないね。

    <template>
      <div>
        <div class="box" @click="onclick" @longpress="onlongpress" @appear="onappear"  @disappear="ondisappear">
          <text class="box-text">test</text>
        </div>
      </div>
    </template>
    
    <script>
    const modal = weex.requireModule("modal");
    export default {
      name: "HelloWorld",
      methods: {
        onclick(event) {
          console.log("onclick:", event);
          modal.toast({
            message: "onclick",
            duration: 0.8
          });
        },
        onlongpress(event) {
          console.log("onlongpress:", event);
          modal.toast({
            message: "onlongpress",
            duration: 0.8
          });
        },
        onappear(event) {
          console.log("onappear:", event);
          modal.toast({
            message: "onappear",
            duration: 0.8
          });
        },
        ondisappear(event) {
          console.log("ondisappear:", event);
          modal.toast({
            message: "ondisappear",
            duration: 0.8
          });
        }
      }
    };
    </script>
    
    <style scoped>
    .box {
      border-width: 2px;
      border-style: solid;
      border-color: #bbb;
      width: 250px;
      height: 50px;
      /* margin-top: 250px;
      margin-left: 250px; */
      background-color: #eee;
    }
    .box-text {
      text-align: center;
    }
    </style>