微信小程序开发
Ariel_ckr
不会炒股的前端不是好的产品经理。
展开
-
小程序---搜索框实现
实现效果图: <!--搜索框 --> <view class="weui-search-bar"> <view class=&q原创 2018-07-31 09:14:55 · 6578 阅读 · 4 评论 -
小程序---左右滑动加载数据
主要知识点:scroll-view和scroll-xxxx.wxml<view> <view class='t-title'> <text>相关视频</text> </view> <scroll-view scroll-x class="t-scroll-header">原创 2018-11-20 12:06:44 · 2238 阅读 · 3 评论 -
小程序---wxParse解决图片大小不适应小程序页面问题
有时候使用wxParse渲染html的图文信息时,图片会按照原图的大小显示,在小程序页面就容易出现滚动条,这样页面一点都不美观。解决办法:进入wxParse.js文件:一、var recal = wxAutoImageCal(e.detail.width, e.detail.height,that,bindName); 改为:var recal = wxAutoImageCal(e...原创 2018-11-21 11:17:20 · 7736 阅读 · 4 评论 -
小程序---下拉更新/上拉加载更多
下拉更新效果:上拉加载更多效果:这里我使用的是模拟数据,如果要请求后台接口,可以在请求的回调函数中进行数据的对接。xxx.json如果你允许全部页面都可以下拉,就在app.json文件里配置如下内容,否则,可以在单个页面的json里设置。{ &quot;enablePullDownRefresh&quot;: true, &quot;navigationBarTitleText&quot;: &quo原创 2018-11-02 10:27:47 · 1072 阅读 · 0 评论 -
小程序---抽屉菜单
xxx.wxml<!--button--><view class="btn" bindtap="powerDrawer" data-statu="open">button</view><!--mask--><view class="drawer_screen" bindtap="pow原创 2018-11-06 10:34:43 · 1060 阅读 · 1 评论 -
小程序---数据缓存setStorageSync和getStorage
xxx.wxml<view> <input style="border:2rpx solid red" placeholder="输入信息" bindinput="getInput" /> <button style="border:2rpx solid yellow" bindtap="saveInput">存入原创 2018-11-06 10:20:03 · 5958 阅读 · 0 评论 -
小程序---上传图片
xxx.wxml&lt;button style="margin:30rpx;" bindtap="chooseimage"&gt;获取图片&lt;/button&gt;&lt;image src="{{tempFilePaths}}" mode="aspecFill" style原创 2018-11-03 16:14:29 · 371 阅读 · 0 评论 -
小程序---页签滑动切换
xxx.html&lt;view class="swiper-tab"&gt; &lt;view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav"&gt;Seside原创 2018-11-03 16:07:30 · 1305 阅读 · 0 评论 -
如何开发微信小程序
1、微信小程序开发步骤和文档:https://developers.weixin.qq.com/miniprogram/dev/2、开发工具下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=181012143、如果已经有基础了只是忘记具体步骤的话,我这里简单总结一下:(1)注册一个邮箱...原创 2018-10-14 16:34:24 · 615 阅读 · 0 评论 -
小程序---页面兼容h5标签
有时候当小程序向后台拿数据是一篇html标签的文章时,把它放进小程序会发现很多标签就不兼容,如果要一个个改又很麻烦,有没有方法可以很快地兼容html标签呢? 有个工具可以做到:wxParse 下载了它的压缩包后解压,复制wxParse文件夹放到小程序pages页面里: 在wxml里引入,这里的路径仅供参考:&amp;amp;amp;lt;import src=&amp;amp;quot;../../../../wxParse/w...原创 2018-08-07 21:30:09 · 2035 阅读 · 0 评论 -
小程序---使用globaldata配置在服务器的图片路径
我们在设计小程序页面的时候,很常用的就是向页面里插入图片,但是每次加载图片时都要写上一大串的路径,而且倘若以后服务器有改动,不好维护。所以我们可以使用全局变量来动态配置图片路径,维护性强。首先在app.js文件里的globaldata配置你服务器上图片存放的文件夹目录: globalData: { imageUrlPath: 'https://*****.com/***/...'...原创 2018-08-07 20:53:26 · 3199 阅读 · 0 评论 -
小程序---rich-text实现列表功能
&amp;amp;amp;lt;rich-text nodes=&amp;amp;quot;{{nodes}}&amp;amp;quot; class='nodes'&amp;amp;amp;gt;&amp;amp;amp;lt;/rich-text&amp;amp;amp;gt; nodes: [{ name: &amp;amp;quot;ul&a原创 2018-08-09 21:34:07 · 3280 阅读 · 1 评论 -
小程序---二次渲染
&amp;lt;view class='info_bd'&amp;gt; &amp;lt;block&amp;gt; &amp;lt;navigator url=&quot;&quot; class='info_bd_item' wx:key=&quot;id&quot; wx:for='{{infoLists}}'&amp原创 2018-07-31 22:50:42 · 1421 阅读 · 0 评论 -
小程序---navigator
在小程序里面,实现一个点击跳转事件,通常会用上bindtap,再在事件里使用wx.navigateTo。但如果我们的页面是一个渲染的列表,每个项都有一个跳转事件,而且跳转进去的页面大体相同,那除了给它们一个个加上bindtap以外,还有什么更好的办法呢? 下面我将实现一个类似功能的页面,其中navigator 的url属性就是重头戏啦! &amp;lt;view class='medicine_co...原创 2018-07-31 22:43:12 · 2618 阅读 · 0 评论 -
小程序---轮播图
&amp;amp;lt;view class=&amp;quot;pic_scroll&amp;quot;&amp;amp;gt; &amp;amp;lt;swiper indicator-dots='{{indicatorDots}}' autoplay='true' interval='{{interval}}' duration='{{duration}}'&amp;amp;gt; &原创 2018-07-31 22:09:01 · 271 阅读 · 0 评论 -
小程序---自定义data-*属性和获取值,url链接带参数和获取值
在view里定义data-*(为任意单词),绑定点击事件taskDetail<view class='r-task-list' wx:for="{{taskLists}}" data-id='{{item.objectId}}' bindtap='taskDetail'>在js的taskDetail里,利用e.currentTarget.dataset.*接收data-的值t...原创 2019-04-06 17:41:40 · 5225 阅读 · 0 评论