文本域

<!-- 文本域 -->//uni-textarea 是官方提供的样式，在uni。css中
<textarea v-model="content" placeholder="说一菊花把"  class=" uni-textarea px-2"/>

扩展组件

1.在创建一个新项目时，选择导游uni-ui库的模板
2.扩展组件的导入方法

数字角标

<uni-badge :text="item.noread" type="error"></uni-badge>

弹出层

//通过导航栏监听事件，与弹出层一起使用，实现点击弹出弹出层
// 监听源生导航栏的按钮事件
onNavigationBarButtonTap(e) {
  switch(e.index) {
    case 0 ://左边的按钮
      break;
    case 1 ://右边按钮
      //通过refs获取到组件元素，
      //在调用组件中的open事件
    this.$refs.popup.open()
      break;
  }
},
<!-- type 定义从哪里弹出，top,bottom,center -->
<uni-popup ref="popup" type="top">这里是弹出信息</uni-popup>