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大平台。" />

文章将持续记录...

相关推荐
开发者小天5 小时前
uniapp中对接开发激励广告视频
uni-app
奎歪歪5 小时前
UniApp缓存系统详解
缓存·uni-app·1024程序员节
2501_915106327 小时前
iOS 打包 IPA 全流程详解,签名配置、工具选择与跨平台上传实战指南
android·macos·ios·小程序·uni-app·cocoa·iphone
00后程序员张8 小时前
iOS 混淆实操指南多工具组合实现 IPA 混淆、加固与发布治理 IPA 加固
android·ios·小程序·https·uni-app·iphone·webview
十五春会1 天前
【uniapp】App平台展示pdf文件
pdf·uni-app
请叫我欧皇i1 天前
保姆级教程vscode创建uniapp vue3+ts+pinia项目并实现自动导入、打包功能
ide·vscode·uni-app
海鸥两三1 天前
Uni-App(Vue3 + TypeScript)项目结构详解 ------ 以 Lighting-UniApp 为例,提供源代码
vue.js·typescript·uni-app·1024程序员节
知识分享小能手1 天前
uni-app 入门学习教程,从入门到精通,uni-app 企业项目实战:鲁嗑瓜子项目开发知识点(9)
前端·javascript·学习·微信小程序·小程序·uni-app·vue
知识分享小能手1 天前
uni-app 入门学习教程,从入门到精通,uni-app中uCharts组件学习((8)
vue.js·学习·ui·微信小程序·小程序·uni-app·echarts
社会底层无业大学生1 天前
uniapp微信小程序简单表格展示
微信小程序·小程序·uni-app·vue·1024程序员节