uni-app小程序开发记录
uni-app小程序开发记录
biaoblog.cn 个人博客
发布于 2022-08-11 19:56:25
发布于 2022-08-11 19:56:25
前言：最近在用uni-app学习并开发一些小应用，
顺便记录下开发和学习过程中遇到的一些坑，方便以后避免
1.uni-swiper-dot 轮播图
设置默认值的坑：需要在swiper上设置current
默认值才生效
完整代码：
<uni-swiper-dot :info="info" :current="current" field="content" :mode="mode">
<swiper class="swiper-box" @change="paperChange" :current="current">
<swiper-item v-for="(item ,index) in info" :key="index">
<view class="swiper-item">
<img class="paperImg" :src="item.cover_image" alt />
</view>
</swiper-item>
</swiper>
</uni-swiper-dot>2.APP取消顶部导航栏
在page.json中的pages中添加 即可
{
"path": "pages/detail/detail",
"style": {
"app-plus": {
//app配置自定义导航
"titleNView": false //app禁止使用原生导航
}
}
},3.小程序取消顶部的导航条
在page.json中的pages中添加 即可
"path": "pages/detail/detail",
"style": {
"navigationStyle":"custom"
}效果图在下面：图片的效果很好
我的博客即将同步至腾讯云开发者社区，邀请大家一同入驻：https://cloud.tencent.com/developer/support-plan?invite_code=3ojgb8gypwcg0
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
相关产品与服务
云开发 CloudBase
云开发（Tencent CloudBase，TCB）是腾讯云提供的云原生一体化开发环境和工具平台，为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务，可用于云端一体化开发多种端应用（小程序、公众号、Web 应用等），避免了应用开发过程中繁琐的服务器搭建及运维，开发者可以专注于业务逻辑的实现，开发门槛更低，效率更高。