精易论坛

标题: uni-app 高效开发技巧 [打印本页]

作者: 小羊要吃狼 时间: 2021-10-30 17:49
标题: uni-app 高效开发技巧
uni-app 高效开发技巧为提升开发效率，HBuilderX将 uni-app 常用代码封装成了以 u 开头的代码块，如在 template 标签内输入 ulist 回车，会自动生成如下代码：

[JavaScript] 纯文本查看 复制代码

<view class="uni-list">

    <view class="uni-list-cell">

        <view class="uni-list-cell-navigate uni-navigate-right" v-for="(item,index) in list" :key="index">

            {{item.value}}

        </view>

    </view>

</view>

代码块分为Tag代码块、JS代码块，如在 script 标签内输入 uShowToast 回车，会自动生成如下代码：

[JavaScript] 纯文本查看 复制代码

uni.showToast({

    title: '',

    mask: false

    duration: 1500

});

欢迎光临精易论坛 (https://125.confly.eu.org/)