HarmonyOS第三次培训

搜索功能：

<div class="container">
    <div class="container1">
        <search hint="请输入搜索内容" searchbutton="搜索" @search="search">
        </search>

toolBar：

<toolbar style="position: fixed; bottom: 0px; ">
    <toolbar-item icon='common/icon/main.png' value='Option 1' >   </toolbar-item>
    <toolbar-item icon='common/icon/dis.png' value='Option 2'>   </toolbar-item>
    <toolbar-item icon='common/icon/mine.png' value='Option 3'  >   </toolbar-item>
</toolbar>

list

<list class="list">
                    <list-item for="{{ array }}" class="listItem">
                        <text class="text">{{ $item.value }}</text>
                    </list-item>
                </list>

data: {
        title: "",
        test:"测试",
        mid:'',
        "array": [
            {
                "value": "列表文本"
            },
            {
                "value": "列表文本"
            },
            {
                "value": "列表文本"
            },
            {
                "value": "列表文本"
            },
        ],
    },

使用for循环，以后能够用数据库不断刷出来各个list

tab-bar

<tabs class="tabs" index="0" vertical="false" onchange="change">
        <tab-bar class="tab-bar" mode="fixed">
            <text class="tab-text">今日</text>
            <text class="tab-text">历史</text>
        </tab-bar>
        <tab-content class="tabcontent" scrollable="true">
            <div class="item-content">
                今日里面的内容
            </div>
            <div class="item-content">
                历史里面的内容
            </div>

        </tab-content>
    </tabs>