对于小程序不支持的一些功能的解决方式

最新推荐文章于 2024-04-19 15:59:12 发布

oiooooio

最新推荐文章于 2024-04-19 15:59:12 发布

阅读量507

点赞数

文章标签：小程序前端

本文链接：https://blog.csdn.net/oiooooio/article/details/125943207

版权

修复小程序不支持ol ui的问题以下代码可以达到效果

<view v-for="(item, index) in sectionNames"
      :key="index">
    <view @click="onClickChapter(item, index)"
          v-bind:class="{'chapter-item':true,'chapter-item-choose':(book.sectionCurrentIndex == index)}">
        <p>{{index+1}}.</p>
        <p style="margin-left: 1em;">{{item.name}}</p>
    </view>
</view>

.chapter-item {
    box-sizing: border-box;
    margin-bottom: 10px;
    display: flex;
}

.chapter-item-choose {
    color: #215445;
    font-weight: 700;
}