复习MintUI

Posted 2021-03-08 sna-ling

一、表单----复选框列表

1.<mt-checklist 

title="标题"

options="[‘a‘,‘b‘,‘c‘]"  #选项列表

v-model="val3"         #val3=[ ]

>

</mt-checklist>

#注意事项:复选框列表   value保存数组

2.1  mint-ui组件中面板与底部导航条-(重点)

#由于移动端设备宽度问题,创建多个面板显示不同的

#商品信息,统一个时刻只能显示一个面板

#创建面板方式:一个父面板中间多个子面板,切换

#子面板

<mt-tab-container  v-model="active">    父面板

          <mt-tab-container-item  id="tab1">

                         子面板1

            </mt-tab-container-item>

          <mt-tab-container-item id="tab2">

                        子面板2

          </mt-tab-container-item>

          <mt-tab-container-item>

                      子面板3

           </mt-tab-container-item>

 

<mt-tab-container>

#当active变量中保存tab1时显示tab1对应子面板

#创建新组建    Exam05.vue      /Exam05