uni-app使用大集

1、手动修改页面标题

javascript 复制代码
uni.setNavigationBarTitle({
  title: '修改标题'
});

2、单选

不止有 radio-group,还有 uni-data-checkbox 数据选择器

javascript 复制代码
<!-- html部分 -->
<uni-data-checkbox v-model="sex" :localdata="checkboxList"></uni-data-checkbox>

// js部分
const checkboxList = [
  { value: '0', text: '男' },
  { value: '1', text: '女' },
]
let sex= '0'

3、搜索栏

现成组件 uni-search-bar

html 复制代码
<uni-search-bar radius="5" placeholder="一直显示" clearButton="always" cancelButton="always" @confirm="search" @cancel="cancel" />

4、通知栏

html 复制代码
<uni-notice-bar show-icon scrollable text="uni-app 版正式发布,开发一次,同时发布iOS、Android、H5、微信小程序、支付宝小程序、百度小程序、头条小程序等7大平台。" />

文章将持续记录...

相关推荐
鱼樱前端13 分钟前
uni-app快速入门章法(二)
前端·uni-app
三天不学习6 小时前
uniapp集成语音识别与图片识别集成方案【百度智能云】
百度·uni-app·语音识别
卷Java21 小时前
饼状图修复总结
java·spring boot·uni-app·echarts
闲蛋小超人笑嘻嘻21 小时前
find数组方法详解||Vue3 + uni-app + Wot Design(wd-picker)使用自定义插槽内容写一个下拉选择器
前端·javascript·uni-app
2501_916007471 天前
前端开发工具都有哪些?常用前端开发工具清单与场景化推荐
android·ios·小程序·https·uni-app·iphone·webview
2501_915909061 天前
iOS 应用上架全流程解析,苹果应用发布步骤、ipa 上传工具、TestFlight 测试与 App Store 审核经验
android·macos·ios·小程序·uni-app·cocoa·iphone
茶憶1 天前
uniapp 请求接口封装和使用
vue.js·uni-app
肥喵蒙太奇1 天前
uniapp 使用towxml
uni-app
Nan_Shu_6142 天前
学习:uniapp全栈微信小程序vue3后台-额外/精彩报错篇
前端·学习·微信小程序·小程序·uni-app·notepad++
卷Java2 天前
小程序前端功能更新说明
java·前端·spring boot·微信小程序·小程序·uni-app