Popup 上滑弹出框

基础用法

使用cancel、cancel-color、v-model和header属性来定义 Popup 的样式。

  1. <xm-popup v-model="popupVisible1" header="这里是个标题" cancel="取消" cancel-color="#19be6b">
  2.   <xm-cell-group class="selectSign">
  3.     <xm-cell-item>
  4.       <img src="https://github.com/monw3c/xmui/blob/master/static/logo.jpg?raw=true" slot="left" class="img">
  5.       <div class="" slot="right"  @click="openModalBox">
  6.         <p>电子提案 <xm-tag bg-color="#fff" color="#ed3f14" border-color="#ed3f14" round>荐</xm-tag></p>
  7.         <p>通过在网上进行电子提案</p>
  8.       </div>
  9.     </xm-cell-item>
  10.     <xm-cell-item>
  11.       <img src="https://github.com/monw3c/xmui/blob/master/static/logo.jpg?raw=true" slot="left" class="img">
  12.       <div class="" slot="right">
  13.         <p>原始提案</p>
  14.         <p>采用原始方式进行提案，平台只进行记录</p>
  15.       </div>
  16.     </xm-cell-item>
  17.   </xm-cell-group>
  18. </xm-popup>
  1. export default {
  2.   data () {
  3.     return {
  4.       popupVisible1: false
  5.     }
  6.   }
  7. }

属性

参数 说明 类型 可选值 默认值
v-model 绑定状态 string — —
cancel 取消按钮文字 string — —
cancel-color 取消文字颜色 string — —
header 标题文字 string — —

原文: https://monw3c.github.io/xmui/#/components/popup