
小程序
liushuanglian
这个作者很懒,什么都没留下…
展开
-
小程序计算俩坐标点(经纬度)之间的距离
wx.getLocation({ type: 'wgs84', //res.deviceinfo.lat res.deviceinfo.lng 需要进行对比的坐标点 success(loc) { var rad1 = res.deviceinfo.lat * Math.PI / 180.0; var rad2 = loc.latitude * Math.PI / 180.0; var a = rad.原创 2020-10-27 11:15:18 · 855 阅读 · 0 评论 -
小程序修改switch组件的大小
<switch style="zoom:0.7" color='#f3b055'></switch>用zoom的话可能与实际位置不符合,建议用scale缩放 <switch style="transform:scale(0.7)" color='#f3b055'></switch>原创 2020-05-15 14:41:01 · 307 阅读 · 0 评论 -
小程序实现计算器
实现模拟手机上的计算器,输入即可运算本页面是做一个计算收款的页面,如果不需要下面的内容可以删除掉wxml<view class="calculate-box"> <view class="calculate-txt">{{express}}</view> <view class="result-num">={{result}}<...原创 2020-05-04 15:26:22 · 3239 阅读 · 2 评论 -
最近使用小程序的一点小笔记(修改radio自带样式,获取radio的value值)
改变小程序自带的radio的样式改变自定义的radio的大小lradio{ transform:scale(0.7); }获取radio改变时的value值<radio-group class="courier" bindchange="radioChange"> <radio value="wechat" checked="true" color="re...原创 2019-08-16 17:37:34 · 998 阅读 · 0 评论 -
小程序动态修改标题
首先在你的json文件里加标题*{ "navigationBarTitleText": "效果预览" }`在你需要修改本页标题的时候加上如下代码``在你需要修改标题的地方加上如下代码就OK啦wx.setNavigationBarTitle({ title: '我是你修改的标题呀' })...原创 2019-08-21 17:33:35 · 133 阅读 · 0 评论 -
小程序获取表单input的输入值
1.写上一个form表单<form bindsubmit="formSubmit" bindreset="formReset"> <view class='input-content'> <view class='input-col'> <label>联系人:</label> <input t...原创 2019-08-27 11:07:25 · 1887 阅读 · 0 评论 -
小程序中定位坐标转换成具体地址
在你需要定位的时间里面加上wx.getLocation({ type: 'wgs84', success (res) { const latitude = res.latitude const longitude = res.longitude const speed = res.speed const accuracy = res.accuracy }})小...原创 2019-08-27 11:32:56 · 1300 阅读 · 0 评论 -
微信小程序全国城市搜索(可进行城市中文拼音首字母搜索)
废话不多说直接上代码wxml<!--pages/setUpArea/setUpArea.wxml--><view class="content"> <view class="search"> <input placeholder="请输入城市中文名或拼音" placeholder-class="center" bindinput="bin...原创 2019-08-30 17:08:03 · 5354 阅读 · 4 评论 -
小程序中wx.navigateBack返回传参数的问题
在小程序中经常会有页面的跳转需求,当你需要返回一个页面的时候,并且携带参数时。可以用wx.navigateBack进行返回var pages = getCurrentPages(); var currPage = pages[pages.length - 1]; //当前页面 var prevPage = pages[pages.length - 2]; //上一个...原创 2019-09-06 14:59:34 · 908 阅读 · 0 评论 -
小程序可选多个标签写法
wxml<view class="obtn {{item.selected ? 'checked' : ''}}" wx:for="{{obtnArry}}" wx:key="unique" bindtap="checkedBtn" data-value="{{item.name}}" checked="{{item.selected}}" data-index="{{index}}"&g...原创 2019-09-19 14:29:05 · 2347 阅读 · 0 评论 -
小程序自定义tabbar(类似闲鱼底部凸起)
先上效果图因为多处需要使用这个tabbar,所以我们决定把他封装成一个组件,希望可以帮到你哦~组件代码wxml<view class="tabbar_box {{isIphoneX?'iphoneX-height':''}}" style="background-color:{{tabbar.backgroundColor}}"> <block wx:for="{...原创 2019-10-16 16:45:31 · 8187 阅读 · 4 评论 -
半圆形进度条(小程序)
近期在做一个读书类的小程序,这时需要作出一个半圆形的进度条,等级进度条,就想着用canvas来完成,在网上百度了一下,参阅了这这篇博客博客地址,在结合实际需求加以修改。这是ui的图片,一看就能知道这个需要自定义标题栏,然后这是一个长图,标题栏和下面的进度条的背景得分开来。上进度条的代码,wxml<view class="progress"> <canvas c...原创 2019-11-21 15:14:19 · 3721 阅读 · 4 评论