帖子
帖子
用户
博客
课程
显示全部楼层
286
帖子
2
勋章
7万+
Y币

[开发工具] avm transform 在安卓端渲染异常

[复制链接]
发表于 2021-12-18 16:51:52
本帖最后由 忽上忽下 于 2021-12-18 16:55 编辑

avm transform 在安卓端渲染异常,位置不正确,同样的代码,在web 上能正确被识别,黑色方块是多个的,点点就能发现问题

下面上代码:
  1. <template>
  2.         <view class="page">
  3.                 <view class="test123233"></view>
  4.                 <view v-for="(item,index) in list" class="test-box" onclick="checked(index$1)">
  5.                         <view v-bind:class="`test-box-2 ${select_index == index ? 'bg-f00' : 'bg-000'}`"></view>
  6.                 </view>
  7.         </view>
  8. </template>
  9. <script>
  10. export default {
  11.         name: "test",
  12.         install() {},
  13.         apiready() {},
  14.         data() {
  15.                 return {
  16.                         list: [{}, {}, {}, {}],
  17.                         select_index: 0,
  18.                 }
  19.         },
  20.         methods: {
  21.                 checked(index) {
  22.                         this.data.select_index = index
  23.                 },
  24.         },
  25. }
  26. </script>

  27. <style>
  28. .bg-000 {
  29.         background: #000;
  30. }
  31. .bg-f00 {
  32.         background: #f00;
  33. }
  34. .test-box-2 {
  35.         width: 10px;
  36.         height: 10px;
  37.         left: 0;
  38.         top: 50%;
  39.         transform: translateY(-50%);
  40.         position: absolute;
  41. }
  42. .test-box {
  43.         width: 100px;
  44.         height: 100px;
  45.         position: relative;
  46.         background: #000;
  47. }
  48. .test123233 {
  49.         padding-top: 100px;
  50. }
  51. .page {
  52.         height: 100%;
  53.         background: #f2f2f7;
  54. }
  55. </style>
复制代码


附带第二个问题:

在 v-for 里面的view 上,如果使用 @click 方法的, 格式化后会被ide 解析成 onclick  这个原本是没问题的,但是,编译工具并没有吧 onclick 方法后面跟随的参数进行相应的编译, 所以在源码里面 还是显示为  这里是举例, 然后在app或者 web 上点击就会报错,需要手动加上 item$1, index$1 才能正确点击
20
帖子
1
勋章
7573
Y币
transformY问题已修复,重新编译app或自定义loader试试看。
您需要登录后才可以回帖 登录

本版积分规则