- 博客(11)
- 收藏
- 关注
RSS订阅原创 微信小程序笔记--tab切换 （有点像滴滴的导航）
效果图如下： (请自动忽视底部tab.....) 简单介绍一下：顶部导航使用 scroll-view 组件 中间的内容部分使用 swiper 组件实现的逻辑就是： 先这样在这样，这样然后那样。。。（此处省略200个字）身体不舒服，请自行想象。代码如下，复制可用// wxml<view class="contain"> <!-- 导航栏 -->...
2018-07-23 10:12:52
1123
原创 微信小程序笔记-- 锚点定位（还是以外卖小程序为例）
最近在学习微信小程序，想到这个功能用到的地方应该不少就找了很多博客和文档看看，做了一个简易版的，如果有更好的方法或者建议，请告知，多谢！先上效果图相对于vue，微信小程序真是简单很多啊，我们只需要用到一个组件scroll-view 具体请参考官方文档scroll-view。1、wxml 我这样写，scroll-with-animation="true" 加上动画更好看。...
2018-07-20 11:26:06
11888
29
原创 vue2.0 实现锚点定位 （以外卖APP为例）
你可以去这里找到完整的源码和更多的内容:https://github.com/Tiramisu1/vueElem效果图如下， emmm.....还不知道怎么上传动图，就将就着看吧，相信你能想象的出来的。1、左侧菜单栏和右侧的食品栏都是使用的 better-scroll 组件，怎么使用，请看下面的代码。// 这里是左侧菜单<div class="menu-wrapper...
2018-07-20 10:49:28
4896
1
原创 微信小程序笔记--自定义属性及获取
在微信小程序中可以通过 data- 自定义属性，属性值可以通过event实现。如下：1、在wxml文件中自定义一个 id 属性（注意：data- 后接的属性名不支持驼峰命名，一律小写） <view data-id="{{item.id}}" bindtap='clickMenu'>2、在点击方法中通过 e.currentTarget.dataset.id 获取。（e ...
2018-07-19 13:44:18
1551
原创 微信小程序笔记--封装一个promise请求
为了方便管理接口请求，封装一个方法，只需要对api接口进行调整即可1、新建一个fetch.js 文件，封装微信提供的方法// fetch.jsmodule.exports = function (api, path, params, method) { //暴露接口才可以引入 return new Promise((resolve, reject) => { wx...
2018-07-18 18:13:45
1267
原创 微信小程序笔记--显示五星好评（注意是显示不是点击评价！）
网上看了好多都是点击事件实现五星评价，想做一个只显示五星的微信小程序模板，结果网上都不全，所以还是自己写一个免得忘记，学艺不精，如果你有更好的方法请一定要留下评论或者私信给我，十分感谢！1、先上一个效果图，就是出镜率超高的豆瓣电影小程序（微信上面叫 “豆瓣评分”）。2、因为是五星显示，所以第一步要先除以2，如果你想显示十星的话就不用除以2了，在设置空星的时候把length改为10就行。以下是js源...
2018-07-10 18:09:33
2693
4
原创 Avoid mutating a prop directly since the value will be overwritten...... Vue2组件props传值更改报错
vue2.0在使用props进行父子组件传值时，子组件需要改变props中的值报错！以下是源代码：props: { ratings: { type: Array, default() { return []; } }, selectType: {...
2018-06-26 17:15:20
424
原创 求解！ vue2.0实现购物车小球掉落特效第一次点击动画失效（男默女泪的bug!）
点击添加按钮时有一个小球掉落到购物车的特效，第一次点击时动画特效没有出来，且没有进入afterEnter方法。后面点击都没有问题。效果如图：（第一次点击）但是我在enter方法里面下了一个断点之后就有动画效果，且进入了afterEnter。效果如下：希望大神帮我看看！非常感谢！代码如下： <div class="ball-container"> ...
2018-06-23 17:28:43
2483
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人