結果示意圖如下
1.父元件 father.vue
"content" >
"weixin">
"title">巨集達超市
"inputform">
"formtitle">消費金額 :
"importform">
"moneyicon">¥
"importmoney" >
"cursor" v-show="cursor"
:style=""
>
}
"moneyinfo">
type="text" maxlength="20" placeholder="備註(20字以內)" @focus="edit" @blur="unedit">
"keyboard">
'importmoney' @keyboardinput='numpass'>
"payicon" slot='pay' @click='pay'>
"surepay">確認支付
複製**
複製**
2.子元件 son.vue 鍵盤元件"boardbody">
"keyboardtitle">向商戶付款
"boardleft">
"boardright">
"del" @touchstart='delnumber' :class="" @touchend="selfkeyboard = ''">
'pay'>
複製**
複製**
複製**
/***查詢 相容不同解析度*/
@media screen and (max-width: 320px)
/*16*/
}@media screen and (min-width: 321px) and (max-width: 376px)
/*20*/
}@media screen and (min-width: 377px) and (max-width: 413px)
}@media screen and (min-width: 414px) and (max-width: 639px)
}@media screen and (min-width: 640px)
}複製**
H5 自定義資料屬性
html5規定可以為元素新增非標準的屬性,但要新增字首data 目的是為元素提供與渲染無關的資訊,或者提供語義資訊。新增自定義屬性之後,可以通過元素的dataset屬性來訪問自定義屬性的值。dataset屬性的值是domstringmap 物件 的乙個例項。var mydiv document.qu...
h5自定義audio(問題及解決)
h5活動需要插入音訊,但又需要自定義樣式,於是自己寫咯 html 1 2 span class cur span input type range min 0 max 100 class range value 0 span class max span css 進度條 進度滑塊 js1 將秒數轉為...
關於H5的自定義屬性data
data 是h5的新屬性,用來讓開發者對標籤新增自定義屬性的。其讀寫方式有如下幾種 如果是data abc的格式,則採用正常格式abc來讀寫該屬性值 html5 data 自定義屬性 age 原生 js 方式讀寫 var content document.getelementbyid content...