首页
一.搜索框uni-search-bar
插件
①下载插件并复制到components
文件中
②在 script
中引用组件
import uniSearchBar from '@/components/uni-search-bar/uni-search-bar.vue'
export default {
components: {uniSearchBar}
}
③在 template
中使用组件
<!-- 基本用法 -->
<uni-search-bar @confirm="search" @input="input" ></uni-search-bar>
<!-- 自定义Placeholder -->
<uni-search-bar placeholder="自定placeholder" @confirm="search"></uni-search-bar>
<!-- 设置圆角 -->
<uni-search-bar :radius="100" @confirm="search"></uni-search-bar>
效果图:
二.banner
轮播图
<swiper class="swiper" indicator-dots="true"