[文章]OpenHarmony应用开发—解锁学习实战（二）

<div class="pagediv">
    <div class="topdiv">
        <text class="textdiv" for="{{title}}">{{$item}}</text>
    </div>
    <div class="middlediv">
        <block for="{{arrs}}">
            <div class="box">
                <button class="button_dj" >{{$item.id}}</button>
            </div>
        </block>
    </div>
    <div clss="bottomdiv">
        <div class="div_dati">
           <text class="text_style">{{show_text}}</text>
        </div>
    </div>
    <div class="button_study">
        <text class="button_style_study">{{know_study}}</text>
    </div>
</div>

import router from '@system.router';
export default {
    data: {
        title:["点击按钮","解锁术语解释与学习"],
        arrs:[
            {
                'id':'Ability',
               'value':'应用的重要组成部分，是应用所具备能力的抽象'。         

},
           ......
        ],
        show_text:'',
        know_study:"了解更多"
    },
    show(e){
        console.info(e)
        var list = this;
        this.arrs.forEach(element => {
            console.info(element.id)
            if (element.id==e) {
                list.show_text = element.value
            }
        });
        console.info(list.show_text);
    },
    page_four(){
        router.push({
            uri:'pages/harmonyos/harmonyos'
        })
    }
}