微信小程序
特卡波007
告别慌张的年纪,重视内心的诉求,内心快乐是存在的意义
展开
-
小程序 支付页面
先贴效果图,下次不用自己写了pages目录下新建pay目录,然后目录下新建page命名 pay贴代码啦pay.wxml<!-- pages/pay/index.wxml --><view class="pay"> <view class="pay-box"> <view class='title'>选择充值金额:</...原创 2019-12-13 15:48:12 · 2697 阅读 · 0 评论 -
微信小程序 参数传递
一、input输入框值获取传递 <input bindinput='getInputValue' value="{{inputTxt}}" placeholder='请输入' />取值getInputValue(e){ this.setData({ inputCode: e.detail.value })其中value="{{inputTxt}...原创 2019-12-05 15:16:14 · 1215 阅读 · 0 评论 -
微信小程序 JS方法调用
此处总结三种:js文件中引用其他js文件中的方法 、wxml引用文件内js方法、wxml引用文件外js方法一、js文件中引用外部文件js方法,以引用md5.js文件中md5()方法为例首先声明md5方法后暴露此方法var rotateLeft = function (lValue, iShiftBits) { return (lValue << iShiftBits) ...原创 2019-12-05 10:36:00 · 9230 阅读 · 0 评论 -
小程序 点击图片放大预览
Banner图点击预览wxml<!-- banner --><view class='home-banner'> <swiper indicator-dots='true' autoplay='{{flag?true:false}}' interval='4000' duration='500' circular='true'> <swi...原创 2019-11-29 17:03:06 · 819 阅读 · 1 评论 -
小程序map实现 marker、导航
marker. WXML<map class="map" longitude="{{longitude}}" latitude="{{latitude}}" markers="{{markers}}" include-points="{{markers}}" bindmarkertap="clickMarker" wx:if="{{true}}" show-location><...原创 2019-11-29 16:32:53 · 7860 阅读 · 2 评论 -
小程序map实现 浮标、定位
浮标就是地图上不随地图移动的图标,直接在map标签外设置cover-view,里面包裹cover-image,样式使用绝对定位即可。比如地图缩小按钮标签显示在地图右上角:wxml<!-- 缩小 --> <view class='cover-smaller'> <cover-image class='icon-set' bindtap='set...原创 2019-11-29 13:58:35 · 2668 阅读 · 0 评论 -
微信小程序 按钮
微信小程序按钮写小程序按钮使用button时发现:无论如何设置button宽高,都是无效的,即使外面套一层view发现按钮高度也还是无法改变,况且样式还是腾讯的绿色,无法满足美观性,于是可以这样:.WXML文件 <view class='point-item-right'> <view class='bx_btn' hover-class="bx_btn...原创 2019-11-28 15:55:06 · 929 阅读 · 0 评论