微信小程序——input格式 & 移动拖拽视图-movable-view & tabbar页面跳转

最新推荐文章于 2024-07-23 20:14:51 发布

Tikeee

最新推荐文章于 2024-07-23 20:14:51 发布

阅读量996

点赞数

分类专栏：小程序技术开发文章标签： input movable-view

本文链接：https://blog.csdn.net/qq_31496003/article/details/81586837

版权

本文介绍了微信小程序中input输入框的使用，并详细讲解了移动拖拽视图movable-view的实现，包括点击和移动事件的响应。同时，还探讨了在小程序中如何进行页面间的跳转。

摘要由CSDN通过智能技术生成

I）input输入框

<view class="section__title">2.联系电话:</view>
    <input name="username" type="number" maxlength="11" bindinput="inputPhoneNum" placeholder="如：188******95/05535209886" style='border:1px solid #ccc;height:30px;border-radius: 50rpx左右弧度; padding-left:10px框内光标停留位置' />

II）小程序-移动拖拽视图-movable-view

redclcik:function(sender){
wx.showModal({
title: '点击红色',
content: '',
})
console.log(sender);
},
redmove:function(sender){
console.log(sender);
// console.log(sender.changedTouches[0].pageX);

},

<view>移动视图控件</view>

<movable-area style="width:100%;height:1