
小程序
倾听雨落~
主要记录自己遇到的问题,以及经常用到的东西,方便自己回顾,也提供给大家参考。
展开
-
小程序改变swiper的指示点的样式
wxml<view class="wrap"> <swiper class="swipers" autoplay="{{autoplay}}" current="{{currentSwiper}}" bindchange="swiperChange"> <block wx:for="{{imgUrls}}"&a原创 2019-01-23 15:09:33 · 7361 阅读 · 1 评论 -
动态设置小程序标题
js页面 data: { titleName:'' }, onReady: function () { wx.setNavigationBarTitle({ title: this.data.titleName }); }, onLoad: function (options) { this.data.titleNa...原创 2018-10-09 17:20:35 · 1540 阅读 · 0 评论 -
小程序上传图片和视频
<view class="containor"> <view class="publish_text_area"> <!-- 标题 --> <view class="text_area_title"> <input class="title_input"原创 2019-01-03 11:45:12 · 5314 阅读 · 4 评论 -
封装wx.showModal
//提示框 showTips: function (title, content) { wx.showModal({ title: title, content: content, showCancel: false, }); },引用 that.showTips('提示', '请输入您的手机号')...原创 2018-10-09 17:12:00 · 2085 阅读 · 0 评论 -
WxParse图文混排
js页面引入相关js import { Question } from 'questionDetail-model.js'; var that = this wx.request({ url: app.globalData.commonUrl + &quot;question/getQuestionDetail&quot;, method: 'POST', data:...原创 2018-10-09 17:16:59 · 1000 阅读 · 4 评论 -
小程序获取input的值
// 获取输入的字段 &amp;lt;input placeholder='请输入医生、医院、科室' auto-focus bindinput=&quot;getTitle&quot; class='ser'&amp;gt;&amp;lt;/input&amp;gt; getTitle: function (e) { var that = this var val = e.原创 2018-10-09 17:13:04 · 5377 阅读 · 0 评论 -
小程序设置保持图片原有比例
html页面 <view wx:for="{{dayItem.images}}"> <image src='{{item}}' data-index="{{ index }}" bindload="imageLoad" style="width:{{ images[index].width }}rpx; height:{{ images[index].height }...原创 2018-12-25 16:29:38 · 6119 阅读 · 0 评论 -
小程序-解决原生组件层级太高的问题
使用来写要覆盖在原生组件上面的元素码云线上代码:https://gitee.com/vuezhen/wechatwxml页面:<view class="invitation"> <view class="head"> <view class="empty"></view> <view class="原创 2018-10-26 15:20:45 · 6447 阅读 · 0 评论 -
小程序刷新页面
小程序本身不存在刷新,删除元素后重新获取下当前的数据,并去执行下onLoad函数 //删除 delete:function(e){ var that=this var id = e.currentTarget.dataset.id //当前点击的id wx.showModal({ title: '提示', content: '确定删除吗', ...原创 2018-10-26 15:23:54 · 6353 阅读 · 0 评论 -
小程序-选择时间
HTML&amp;lt;picker bindinput=&quot;birthInput&quot; mode=&quot;date&quot; value=&quot;{{date}}&quot; start=&quot;1960-09-01&quot; end=&quot;2019-01-01&quot; bindchang原创 2018-10-09 17:24:59 · 638 阅读 · 0 评论 -
小程序-添加收货地址
address.wxml&lt;view&gt; &lt;view wx:if='{{addressInfo}}'&gt; &lt;view&gt; &lt;view&gt;{{addressInfo.name}}&lt;/view&gt; &lt;view&gt;{{a原创 2018-10-13 10:39:02 · 8389 阅读 · 0 评论 -
小程序-单张图片和多图上传 wx.uploadFile
html: &amp;amp;amp;amp;amp;amp;lt;view wx:for=&amp;amp;amp;amp;amp;quot;{{imgList}}&amp;amp;amp;amp;amp;quot;&amp;amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;amp;lt;image src=&amp;amp;amp;amp;amp;原创 2018-10-11 16:28:29 · 2460 阅读 · 0 评论 -
小程序调用腾讯地图
第一:引入qqmap-wx-jssdk.jsjs页面 只需js页面设置即可 wxml不需要写什么//获取应用实例var QQMapWX = require('../../utils/qqmap-wx-jssdk.js')//腾讯地图 api下载var qqmapsdk;Page({ /** * 页面的初始数据 */ data: { }, /** *...原创 2019-03-07 10:17:52 · 4827 阅读 · 0 评论 -
小程序滑动选项卡
wxml<!-- 选项卡 --> <view> <scroll-view scroll-x="true" class="nav" scroll-left="{{scrollLeft}}" scroll-with-animation="{{true}}"> <block wx:for="{{navD原创 2019-03-07 10:23:34 · 626 阅读 · 0 评论 -
小程序 五星评价
<view class="comment1-description" style='padding-top:30rpx;'> <view class="comment1-description1">整体服务: </view> <view class="star-pos"> &原创 2019-03-07 10:25:53 · 778 阅读 · 0 评论 -
小程序给循环的列表点击添加样式
<!-- 标签列表 --> <view class='list'> <block wx:for='{{biaoqian}}'> <view data-id='{{item.id}}' data-key='{{index}}' wx:for-index="index" class="{{item.status==0?'...原创 2019-03-07 10:27:34 · 1475 阅读 · 2 评论 -
小程序去除button边框
button::after{border: none;}原创 2018-10-09 09:31:46 · 233 阅读 · 0 评论 -
小程序-懒加载
import { Expert } from ‘expert-model.js’;var expert = new Expert(); //实例化 首页 对象Page({/**页面的初始数据*/data: {pageIndex: 1,//加载的第一页isLoadedAll: false,//判断是否全部加载完毕doctorArr: [],//加载的总数据},/**生命...原创 2018-09-29 14:28:59 · 2057 阅读 · 0 评论 -
小程序video
wxml<view class="page-body"> <video id="myVideo" autoplay="true" objectFit="fill" src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102c原创 2019-01-23 15:13:50 · 580 阅读 · 0 评论 -
小程序 滑动切换选项卡
html页面<view> <scroll-view scroll-x="true" class="tab-h" scroll-left="{{scrollLeft}}"> <view class="tab-item {{currentTab==0?'active':''}}" data-current="0" bindtap=原创 2018-12-24 15:34:59 · 1482 阅读 · 2 评论 -
axios初次使用
config下面的index.js文件: proxyTable: { '/api': { target: 'https://api.lighthousecancertreatment.com/api/v1',//后端接口地址 changeOrigin: true,//是否允许跨越 // pathRewrite: { /...原创 2018-12-14 16:55:59 · 309 阅读 · 1 评论