quickappcn / quickapp-dsl-vue Goto Github PK

View Code? Open in Web Editor NEW

51.0 51.0 12.0 44.95 MB

Vue DSL在快应用的适配，包含官方Vue项目的构建后代码

JavaScript 97.87% Vue 2.13%

quickapp-dsl-vue's People

Contributors

Stargazers

Watchers

Forkers

leeeeeem diydyq wangcao deepkolos codermrg trustao lewiscutey gaollard fxy060608 gottaboy tylerlie iq-scm

quickapp-dsl-vue's Issues

[bug] v-model输入改变之后，value不变

<template>
  <div>
    <input v-model="value">
    <text>{{ 'value:'+ value }}</text>
  </div>
</template>

<script>
export default {
  data () {
    return {
      value: 123,
    }
  },

}
</script>

1060平台，调试器的控制台没有log

1、1060平台，调试器的控制台为什么没显示log，debugger也没用..

使用vue开发能否支持elementui 框架

使用vue开发快应用能支持 elementui框架引入吗
能的话能否告知怎么使用

[bug] animation-fill-mode 对translateX(200%) 以百分比为单位的不生效

animation-fill-mode: forwards;对于百分比单位的transform不生效, 在压入后台再切回前台的时候

.animated-x {
  animation-name: translateX;
  animation-delay: 1s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  transform: translateX(200%);
}

@keyframes translateX {
  0% {
    transform: translateX(200%);
  }
  100% {
    transform: translateX(0%);
  }
}

复现代码在
https://github.com/deepkolos/todomvc-vue/blob/master/src/pages/animation/index.vue#L19

安装了最新的调试器1050，使用vue语法时应用运行不起来

template行为异常

hap-toolkit手动移除了保留组件列表的template, template可工作, 但是出现异常

const FRAG_TYPE = {
  IMPORT: 'import',
  // TEMPLATE: 'template',
  STYLE: 'style',
  SCRIPT: 'script'
};

<style>
.slot-el {
  margin: 10px;
  background-color: aqua;
  height: 100px;
  width: 100%;
}

.slot-el.typeA {
  background-color: burlywood;
}

.test-slot-el {
  background-color: blueviolet;
}
</style>

<template>
  <div>
    <test-slot v-bind="testSlotProps" :scope="{root}">
      <div class="slot-el" slot-scope="item">
        <text>default文字 {{item.propA}}</text>
      </div>

      <div class="slot-el typeA" slot="before" slot-scope="item">
        <text>before文本 {{item.attr}}</text>
      </div>
      <test-slot-el class="test-slot-el" slot="after" />

      <template slot-scope="item">
        <text>template文字 {{item.propA}}</text>
        <test-slot-el class="test-slot-el" />
        <test-slot-el class="test-slot-el" />
      </template>

      <test-tree slot="bottom" slot-scope="{ root }" v-bind="root" />
    </test-slot>
  </div>
</template>

<script>
import testTree from "../../blocks/test-tree";
import testSlot from "../../blocks/test-slot";
import testSlotEl from "../../blocks/test-slot-el";

export default {
  components: {
    testTree,
    testSlot,
    testSlotEl
  },
  data() {
    return {
      showTpl: true,
      testSlotProps: {
        propA: "string",
        propB: 1
      },
      root: {
        value: "根节点",
        children: [
          {
            value: "节点1",
            children: [
              {
                value: "节点1.1"
              }
            ]
          },
          {
            value: "节点2",
            children: [
              {
                value: "节点2.1"
              }
            ]
          },
          {
            value: "节点3",
            children: []
          }
        ]
      }
    };
  }
};
</script>

显示结果

异常描述

template部分输出了, 但是default文字 string的节点消失了

把template注释后, default文字 string可以正常显示

     <!-- <template slot-scope="item">
        <text>template文字 {{item.propA}}</text>
        <test-slot-el class="test-slot-el" />
        <test-slot-el class="test-slot-el" />
      </template> -->

list-item 组件在vue dsl渲染异常

<template>
  <div style="flex-direction: column;">
    <list>
      <template v-for="(item, index) in 10">
        <list-item :key="index">
          <text>item: {{ index }}</text>
        </list-item>
      </template>
    </list>
  </div>
</template>

不使用v-for指令, 并且添加type和tid后

<template>
  <div style="flex-direction: column;">
    <demo-title>List</demo-title>

    <list>
      <list-item type="item" tid="1">
        <text class="page-container-div">item: 1</text>
      </list-item>
    </list>
  </div>
</template>

202102115最新安装hap进行init，提示这个错误

[bug] image 动图webp, 没有设置loop, 压入后台后, 回到前台, 重新播放了

<image src="/images/spider-man.webp"></image>

复现代码
https://github.com/deepkolos/todomvc-vue/blob/master/src/pages/component/index.vue#L9

style属性不能使用模版字符串

这个问题ux里面也有

<style>
.test {
  margin: 100px;
  background-color: aqua;
}
.loading {
  background-color: blueviolet;
}
</style>

<template>
  <test-class :class="`test ${state}`" :style="`background-color: ${bgColor}`" />
</template>

<script>
import testClass from "../../blocks/test-class";

export default {
  components: { testClass },
  data() {
    return {
      state: "loading",
      bgColor: "red"
    };
  }
};
</script>

常见错误汇总

调试器闪退：保证hap-toolkit版本号大于0.4.1
quickappp-dsls版本号大于0.1.1

build或者调试命令行添加 --include-dsl-from-lib

quickappcn / quickapp-dsl-vue Goto Github PK

quickapp-dsl-vue's People

Contributors

Stargazers

Watchers

Forkers

quickapp-dsl-vue's Issues

显示结果

异常描述

Recommend Projects

Recommend Topics

Recommend Org

Jobs