|
[开发工具]
avm transform 在安卓端渲染异常
[复制链接]
本帖最后由 忽上忽下 于 2021-12-18 16:55 编辑
avm transform 在安卓端渲染异常,位置不正确,同样的代码,在web 上能正确被识别,黑色方块是多个的,点点就能发现问题
下面上代码:
- <template>
- <view class="page">
- <view class="test123233"></view>
- <view v-for="(item,index) in list" class="test-box" onclick="checked(index$1)">
- <view v-bind:class="`test-box-2 ${select_index == index ? 'bg-f00' : 'bg-000'}`"></view>
- </view>
- </view>
- </template>
- <script>
- export default {
- name: "test",
- install() {},
- apiready() {},
- data() {
- return {
- list: [{}, {}, {}, {}],
- select_index: 0,
- }
- },
- methods: {
- checked(index) {
- this.data.select_index = index
- },
- },
- }
- </script>
- <style>
- .bg-000 {
- background: #000;
- }
- .bg-f00 {
- background: #f00;
- }
- .test-box-2 {
- width: 10px;
- height: 10px;
- left: 0;
- top: 50%;
- transform: translateY(-50%);
- position: absolute;
- }
- .test-box {
- width: 100px;
- height: 100px;
- position: relative;
- background: #000;
- }
- .test123233 {
- padding-top: 100px;
- }
- .page {
- height: 100%;
- background: #f2f2f7;
- }
- </style>
复制代码
附带第二个问题:
在 v-for 里面的view 上,如果使用 @click 方法的, 格式化后会被ide 解析成 onclick 这个原本是没问题的,但是,编译工具并没有吧 onclick 方法后面跟随的参数进行相应的编译, 所以在源码里面 还是显示为 这里是举例, 然后在app或者 web 上点击就会报错,需要手动加上 item$1, index$1 才能正确点击
|
|