sh_mobile v0.2.3

sh_mobile_ui

基于vant-ui搜索组件封装的简单组件

版本更新至 0.2.1

安装

已经集成Vant ui@2.12.6  无需重复install vant 

npm  i  sh_mobile    

main.js  导入

import  sh_mobile from 'sh_mobile'
import  Vant from 'vant'
import 'vant/lib/index.css'
Vue.use(Vant);
Vue.use(sh_mobile); 

mybadge 徽标

 <mybadge count="1"> 这是文字 </mybadge>

  <mybadge>
    这是文字
    <template slot="contentImg"><img src="../xxx.png" alt="" /></template>
  </mybadge>

Attributes

count    数字内容        type: Number   String

slots

contentImg    自定义徽标内容 

按钮

<mybutton>按钮</mybutton>

Events

click       点击事件

mysearch 搜索组件

 <mysearch hotStyle='true'> </mysearch>

Props

v-model  当前输入的值      type:String  

Attributes

history    搜索历史列表      type:Array

hotStyle   是否显示热搜样式   type:boolean   Default  false

Events

input      	输入框内容变化时触发   回调参数   value  type:String  (当前输入框的值)

onsearch    确定搜索时触发         回调参数   value   type:String (当前输入的值)   

步骤条

<mystep></mystep> 

props

stepList   自定义步骤名称及简介  目前仅支持三步   type  Array    

exampie
  [
  {step:'步骤自定义',synopsis:'简介自定义'},
  {step:'步骤自定义',synopsis:'简介自定义'}, 
  {step:'步骤自定义',synopsis:'简介自定义'},
  ]

Attributes

Events

stepClick      点击步骤的标题或图标时触发      回调参数  index:number