uni-app使用大集

五秒法则2025-05-22 21:12

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

文章将持续记录...