那些用过的微信小程序技术
XGB的工具箱
这个作者很懒,什么都没留下…
展开
-
微信小程序-轮播图
wxml代码:<swiper class="swiper" indicator-dots="true" autoplay="true" interval="5000" duration="1000"> <block wx:for="{{movies}}" wx:for-index="index"> <swiper-item> ...原创 2018-07-25 15:32:38 · 266 阅读 · 0 评论 -
微信小程序-点击跳转
wxml代码:<!-- 可以写在view中,点击一块区域跳转,也可以写在单个button中,点击button跳转--><view bindtap='dianjitiaozhuan'> <button bindtap='dianjitiaozhuan'>点击跳转</button></view>分析:bindtap='d...原创 2018-07-25 15:46:40 · 368 阅读 · 0 评论 -
微信小程序-页面悬浮按钮
wxml代码:<button class="kf_button" bindtap='bindtapdianhua'> <image class="kf_image" src="../../image/dianhua.png"></image></button>一个简单的悬浮按钮,添加了一个image做为样式。css代码:...原创 2018-07-25 15:54:37 · 5028 阅读 · 0 评论 -
微信小程序-底部导航栏
微信底部导航栏设置例图:"pages": [ "pages/shouye/shouye", "pages/women/women", "pages/xinche/xinche", "pages/ershouche/ershouche", "pages/logs/logs" ], "window": { "backgroundTe...原创 2018-07-25 16:05:48 · 369 阅读 · 0 评论 -
微信小程序-添加一个地图导航图
wxml代码:<view class='ditu'> <view> <map id="map" longitude="112.682800" latitude="37.7299564" markers="{{markers}}" scale="18" style="width: 100%; height: 300px;" bindtap="c...原创 2018-07-25 16:16:26 · 3011 阅读 · 0 评论 -
微信小程序-一些用到的css代码
一些用到的css样式代码:.css{ text-align: center; //控件中的文字居中 width : 100%; //宽度满屏 height: auto; //高度自适应 height: 300rpx; //设置高度 margin-top: 10rpx; //距顶部距离 margin-left:10rpx; //距左边距离 ...原创 2018-07-25 16:27:28 · 759 阅读 · 0 评论 -
微信小程序-获取input中的值
例:wxml代码:<input class='input1' type='number'focus='true' placeholder="{{dianhua}}" name="dianhua" bindinput='binddianhua' ></input>focus='true' :是否获取焦点placeholder='' : 默认显示...原创 2018-07-25 16:42:35 · 635 阅读 · 0 评论 -
微信小程序-picker选择器
wxml代码:<picker mode="selector" range='{{mingcheng}}' value='{{index}}' bindchange='xuanze' class='picker1' > <text>{{mingcheng[index]}}</text></picker>mode=...原创 2018-07-25 16:59:53 · 1242 阅读 · 0 评论