您好,欢迎光临本网站![请登录][注册会员]  

搜索资源列表

  1. 微信小程序-微商城

  2. 微信小程序商城,微信小程序微店、包含作品首页,作品关联商品,好友搜索,收货地址,订单管理,作品管理,商品管理,根据权限分别展示对应的模块。其中包含动画、图片自适应的处理、表单校验的封装,滑动删除的效果等
  3. 所属分类:其它

    • 发布日期:2018-04-26
    • 文件大小:914kb
    • 提供者:sinat_39334527
  1. 让微信小程序的页面图片全屏滑动切换.rar

  2. 让微信小程序的页面图片全屏滑动切换,全屏动画滚动,用手在屏幕上轻轻滑动,图片就滚动,类似于网页中的幻灯片切换效果,增加操作的乐趣性和美观度,是个不错的图片浏览特效。相关参数定义如下:   scrollindex:0, //当前页面的索引值   totalnum:5, //总共页面数   starty:0, //开始的位置x   endy:0, //结束的位置y   critical: 100, //触发翻页的临界值   margintop:0, //滑动下拉距离
  3. 所属分类:其它

    • 发布日期:2019-07-10
    • 文件大小:225kb
    • 提供者:weixin_39840588
  1. xiaoxiaoxiao_lazyload-实现微信小程序图片懒加载特效.zip

  2. 数据接口:https://api.getweapp.com/vendor/lightstao/searchkeyhttps://api.getweapp.com/vendor/lightstao/product/search微信小程序中,懒加载特效让人头疼不已,因为小程序完全没法操作dom,所以位置的操作在小程序中,变得极其的难~~先看特效:我们将其拆分为如下几个步骤进行讲解~~1)如何获取图片的位置高度先看一张图:通过上图可以知道,图片位置高度其实可以通过img.height margin值
  3. 所属分类:其它

  1. LemonJournal-微信小程序Demo:柠檬手帐 - 界面精美的图片编辑应用,支持图片和文字的移动、旋转、缩放、保存编辑状态并生成预览图.zip

  2. 参加比赛的作品,开发周期一个月,使用了 Wafer2 框架,后台采用腾讯云提供的 Node.js SDK 接入对象存储 API ,前端核心代码实现了类似于图片编辑器的功能,支持图片和文字的移动、旋转、缩放、生成预览图以及编辑状态的保存,动画部分采用 CSS 动画实现小程序中的模态输入框部分使用了自己封装的 InputBox 组件代码已移除 AppId 等敏感信息,可自行添加自己的 AppId 和 AppSecret 以配置后台环境,实现登录测试,详细添加方法见下文「使用方法」,若本地运行可通过
  3. 所属分类:其它

  1. zhihuWeChatApp-从零开始一个微信小程序版知乎.zip

  2. 微信小程序版知乎首页截图项目描述界面样式设计与交互来自iOS 4.8.0版本知乎App开发工具:微信开发工具数据来源:Easy Mock 模拟数据Easy MockMock.js功能描述首页主要功能及交互搜索页面(结果页面未写详细的样式)搜索历史存储搜索历史单个删除和全部清除顶部tab切换,分别展示不同内容面板,同时tab下小黑条切换时有动画效果下拉刷新触底上拉加载点击标题进入问题的答案列表页点击回答内容进入该回答的详情页想法页面主要功能及交互滑动到顶部tab条吸顶文字超出被折叠,可点击展开点
  3. 所属分类:其它

    • 发布日期:2019-09-23
    • 文件大小:32mb
    • 提供者:weixin_38743602
  1. 微信小程序中使用wxss加载图片并实现动画效果

  2. 记录微信小程序中使用wxss加载图片并实现动画的方式,最终实现loading效果。本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友参考下吧
  3. 所属分类:其它

    • 发布日期:2020-10-18
    • 文件大小:45kb
    • 提供者:weixin_38687199
  1. 微信小程序中使用wxss加载图片并实现动画效果

  2. 记录微信小程序中使用wxss加载图片并实现动画的方式,最终实现loading效果。 代码 .weui-loading { margin: 0 5px; width: 20px; height: 20px; display: inline-block; vertical-align: middle; animation: a 1s steps(12) infinite; background: transparent url([removed]PHN2ZyB4bWxucz0iaHR0cDovL3
  3. 所属分类:其它

    • 发布日期:2020-12-02
    • 文件大小:42kb
    • 提供者:weixin_38606300
  1. 微信小程序自定义波浪组件使用方法详解

  2. 最近看到好多app上有波浪背景,有动态的,有静态的,这里是在小程序中用得动态。 先看看效果图:里面的文本是组件内部定义的。 这是用两个svg的图片用css关键帧动画做的效果(这里谢谢子弹短信里前端群的小伙伴提供的web版的css动画文件) 在小程序中使用,注意一个问题:就是svg不可以直接使用,需要转为base64(这个大家应该有收藏吧),这里我已经转换好了,在下面的wxss中。 这里顺便用一下自定义组件: 首先定义组件 wave  wave.wxml:这里我默认是用得显示个人信息。其中isS
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:82kb
    • 提供者:weixin_38737980
  1. 微信小程序实现原生步骤条

  2. 本文实例为大家分享了微信小程序实现原生步骤条的具体代码,供大家参考,具体内容如下 效果 (步骤条颜色不对是录制工具的问题) 思路 其实与轮播图类似,使用了两个并排的轮播容器,在滑动监听后,给图片加上移动和缩放动画。 扩展 可以用于标签页的切换。 vue与微信小程序有类似的地方,所以微信小程序做出的效果,原理也可用于vue在网页上的应用。 代码 wxml <
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:51kb
    • 提供者:weixin_38562130
  1. 微信小程序签到弹窗(动画效果)

  2. 效果图如下所示 图片素材:https://pan.baidu.com/s/1Fa_kFBTVmps3BZf-LsC32Q 提取码: ebvr .wxml 签到 签到成功 获得0积分 好的 .wxss page{ background-color: #ccc; } view{ box-sizing: border-box; } button{ margin-top: 50rpx; } .load{ width: 80%; height: 600rp
  3. 所属分类:其它

    • 发布日期:2021-01-08
    • 文件大小:52kb
    • 提供者:weixin_38539018
  1. 微信小程序图片左右摆动效果详解

  2. 先看效果,实现一个图片左右摇动,在一般的H5宣传页,商家活动页面我们会看到这样的动画,小程序的动画效果不同于css3动画效果,是通过js来完成的,其实步骤很简单,首先创建动画实例,再调用实例来描述动画,最后导出即可。 先看效果如下: 简单的参考代码: wxml: css: .img { width: 120rpx; height: 120rpx; margin:300rpx; } js
  3. 所属分类:其它

    • 发布日期:2021-01-03
    • 文件大小:32kb
    • 提供者:weixin_38611527
  1. 微信小程序movable view移动图片和双指缩放实例代码

  2. movable-area是微信小程序的新组件,可以用来移动视图区域movable-view。移动方向可选择任何、垂直和平行。可移动区域里包含其他文本、图片、按钮等组件。可移动区域可绑定touchend等事件。movable-view的参数可调整动画效果。 先从movable-view开始说起吧. movable-view是小程序自定义的组件.其描述为:”可移动的视图容器,在页面中可以拖拽滑动”. 官方文档地址: https://mp.weixin.qq.com/debug/wxadoc/dev/
  3. 所属分类:其它

    • 发布日期:2021-01-03
    • 文件大小:90kb
    • 提供者:weixin_38637144
  1. 微信小程序 Animation实现图片旋转动画示例

  2. 最近小程序中有一个图片旋转的需求,最初是想着通过切换多张图片达到旋转的效果,后来发现微信小程序带有动画api,然后就改由image+Animation来实现。 首先在wxml中定义image 注意其中的animation属性,image就由它来实现动画。 而{{animation}}我们在js的data中定义 data: { animation: '' }, 改变animati
  3. 所属分类:其它

    • 发布日期:2021-01-03
    • 文件大小:44kb
    • 提供者:weixin_38696590
  1. 微信小程序demo:仿UC宣传页面的简单动画效果

  2. 老大看到来了一个UC的宣传页面,感觉还不错,也没涉及到大的技术点,开始想用canvas实现动画效果,无奈一个问题点无法处理,改用了css3的animation实现共同讨论提升   免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
  3. 所属分类:其它

  1. 微信小程序学习用demo:图书搜索,打开效果

  2. 点评:主页带有动画效果,内页可以搜搜图书;   免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
  3. 所属分类:其它

  1. 微信小程序学习用demo:登录及动画效果

  2. 免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
  3. 所属分类:其它

    • 发布日期:2021-03-15
    • 文件大小:14kb
    • 提供者:weixin_38732425
  1. LemonJournal:基于Wafer2框架的微信小程序演示-微信小程序演示:柠檬手帐-界面简洁的图片编辑应用,支持图片和文字的移动,旋转,缩放,保存编辑状态并生成预览图-源码

  2. 柠檬杂志 该项目基于框架开发,后台采用腾讯云提供的Node.js SDK接收对象存储API,前端核心代码实现了图片编辑器的功能,支持图片和文字的移动,旋转,缩放,生成预览图以及编辑状态的保存,动画部分采用CSS动画实现 小程序中的模态输入框为单独封装的组件 代码已可移除AppId等敏感信息,可自行添加自己的AppId和AppSecret以配置后台环境,实现登录测试,详细添加方法见称为“使用方法”,如果本地运行可通过修改app.json文件中page分割的顺序来查看不同页面 效果展示 使用方法 获
  3. 所属分类:其它

  1. 微信小程序实战之轮播图(3)

  2. 轮播图是大部分应用的一个常用的功能,常用于广告投放、产品展示、活动展示等等。 漂亮的轮播图效果可以吸引用户的点击,达到推广产品的作用。 废话少说,下面开始动手。 业务需求: 5个图片轮番播放,可以左右滑动,点击指示点可以切换图片  重点说明: 由于微信小程序,整个项目编译后的大小不能超过1M 查看做轮播图功能的一张图片大小都已经有100+k了 那么我们可以把图片放在服务器上,发送请求来获取。 index.wxml: 这里使用小程序提供的组件 autoplay:自动播放 interv
  3. 所属分类:其它

    • 发布日期:2021-01-20
    • 文件大小:91kb
    • 提供者:weixin_38731239
  1. 微信小程序--几个有趣的css3动画

  2. 微信小程序小教程--几个有趣的css3动画       先看下效果:  (此图片来源于网络,如有侵权,请联系删除! ) 除了有点快,动画效果还可以。 它是怎么实现的? 拿第一个双块舞动画研究一下好啦。 mxml:     class="sk-wandering-cubes"> class="sk-cube sk-cube1"> class="sk-cube sk-cube2">   css:   .sk-wandering-cubes .sk-cube { backgro
  3. 所属分类:其它

    • 发布日期:2021-03-29
    • 文件大小:87kb
    • 提供者:weixin_38595850
  1. 微信小程序 - toptip效果

  2. 在Page顶部下滑一个提示条 , 代码见 /mixins/UIComponent.js ,其中的self 可以认为是微信小程序的Page对象 (此图片来源于网络,如有侵权,请联系删除! ) 效果: 默认2秒展示,上移动画隐藏   /** * 展示顶部 tip , 多次快速调用,会覆盖前次展示 */ UIComponent.showToptip = function (opt = {}) { var self = this; if (self.uiComponent_topTip_timer) {
  3. 所属分类:其它

    • 发布日期:2021-03-29
    • 文件大小:78kb
    • 提供者:weixin_38502183
« 12 »