帖子
帖子
用户
博客
课程
12下一页
返回列表 发新帖
显示全部楼层
46
帖子
0
勋章
319
Y币

[多端开发] 出现这个效果可能是什么原因

[复制链接]
发表于 2021-5-11 15:43:51
代码如下:
  1. <!-- 左边 -->
  2.                          <scroll-view class='left-navbar' scroll-y="true">
  3.                      <view  v-for="(item,index) in navLeftItems" v-on:click="show" data-id={index} class={curNav == index?"active ub ub-ac ub-pc ac left-item":"ub ub-ac ub-pc ac left-item"} >
  4.                                              <text>{item.name}</text>
  5.                                         </view>
  6.                          </scroll-view>
复制代码
小程序类似这个写法没有问题

AVM效果如下
微信图片_20210511154051.jpg

也尝试过用
<text v-if="isOk">YES</text>
<text v-else>No</text>
不知道为什么无法渲染CSS样式,也尝试过在text外围包一层view ,在view里做v-if 和v-else 同样view也没有任何CSS样式效果
46
帖子
0
勋章
319
Y币
active  是选中后的效果
380
帖子
4
勋章
6
Y币
实时预览正常吗
46
帖子
0
勋章
319
Y币

实时预览正常的,点击后出现选中效果,其他item取消了选中效果,不会像上面一样点击选中,但是没有消掉其他item选中效果
380
帖子
4
勋章
6
Y币
蜂鸟 发表于 2021-5-12 09:01
实时预览正常的,点击后出现选中效果,其他item取消了选中效果,不会像上面一样点击选中,但是没有消掉其 ...

class 怎么写的, 最好整理出一个stml文件,我们这里好做测试
46
帖子
0
勋章
319
Y币
      <!-- 左边 -->
             <scroll-view class='left-navbar' scroll-y="true">
                     <view  v-for="(item,index) in navLeftItems" v-on:click="show" data-id={index} class={curNav == index?"active  left-item":"  left-item"} >
                        <text class="cur ub" v-if={curNav == index}>{item.name}1</text>
                        <text class="ub" v-else>{item.name}0</text>

                    </view>
             </scroll-view>


JS:

   methods: {
            show(e){
                 var id = e.currentTarget.dataset.id

                this.data.curNav = id

            }
        }


css:

   .left-item {
           height: 50px;
           line-height: 50px;
           text-align: center;
           border-bottom: 1px #EAEAEA solid;

        }
        .active {
           background-color: #fff;
            color: #F25E3D;
            font-size: 15px;
            height: 50px;
              line-height: 50px;
             border-left: 2px #F25E3D solid;
        }
        .cur{
            color: #F25E3D;
            font-weight: 800;
        }


46
帖子
0
勋章
319
Y币
微信图片_20210512112112.jpg

效果图
380
帖子
4
勋章
6
Y币
已反馈给相关技术,等修复
380
帖子
4
勋章
6
Y币
修复后,回复本帖
46
帖子
0
勋章
319
Y币

大概什么时候可以修复
12下一页
您需要登录后才可以回帖 登录

本版积分规则