MUI開発プロセス問題記録
5311 ワード
MUI開発プロセス問題記録
--本文は必ずしもオリジナルではなく、バックアップを記録することを目的としています.権利侵害などがあれば、削除に連絡してください.
1.金額検査
3.インライン再生
4.画像の中央揃え
--本文は必ずしもオリジナルではなく、バックアップを記録することを目的としています.権利侵害などがあれば、削除に連絡してください.
1.金額検査
//
function check(obj){
var val =obj.value;
var regStrs = [
['^0(\\d+)$', '$1'], // , 0
['[^\\d\\.]+$', ''], //
['\\.(\\d?)\\.+', '.$1'], //
['^(\\d+\\.\\d{2}).+', '$1'] //
];
for(i=0; i var reg = new RegExp(regStrs[i][0]);
obj.value = obj.value.replace(reg, regStrs[i][1]);
}
}
2.下部tab-barの色を変更する<style type="text/css">
.mui-bar-tab .mui-tab-item.mui-active{
color: red;
}
style>
3.インライン再生
/* , ,
android
ios , ,
:
1.video playsinline
2. minifest plus "allowsInlineMediaPlayback": true,
*/
"plus": {
"allowsInlineMediaPlayback": true,
...
}
4.画像の中央揃え
/* */
.img-circle {
border-radius: 5px;
/*border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;*/
height: 80px;
width: 80px;
}
.topbg{
background: url(../images/me/personal-topbj.jpg);
background-size: 100% 100%;
width: 100%;
height: 200px;
position: relative;
}
.imgbg{
width: 80px;
width: 80px;
top: 50%;
left: 50%;
position: absolute;
margin-left: -40px;
margin-top: -40px;
}