注册会员 | 设为首页 | 加入收藏夹
您好，欢迎光临本网站！[请登录] ！[注册会员]！  

搜索资源列表

  1. 微信小程序 京东左侧商品类别右侧明细,右侧A-Z类似通讯录地市选择,腾讯地图定位信息查询

  2. 微信小程序 1.腾讯地图定位信息查询 通过wx.chooseLocation 实现 2.商品展示: 京东左侧商品类别,右侧明细,可分开滚动,动态计算屏幕高度 3.城市选择功能: 左侧是所有城市列表,右侧A-Z类似通讯录式的排序 注: 给小孩子做的小例子,将几个功能结合在一起了. 老鸟勿喷.希望能给学习微信小程序开发的同学们,带来一点帮助 .

  3. 所属分类：HTML5

    • 发布日期：2018-08-24
    • 文件大小：70656
    • 提供者：zhaowenlong

  1. 微信开发小程序实例：全国城市选择源代码.rar

  2. switchCity源码项目，一个微信小程序的源代码，用来选择全国的城市，并实现城市切换，这个功能相信大家熟悉了。 　　本城市选择功能类似于联系人查找功能，通过右侧的字母索引可快速定位至某一拼音首字母开头的城市，如运行效果图所示，这个功能不仅仅是城市选择，还可用于联系人选择中，学一返三，灵活运用哦。 　　本代码在city.js中对城市信息进行分组 　　在控制代码中编写生命周期函数--监听页面加载，然后添加要匹配的字母范围值，更加屏幕高度设置子元素的高度。

  3. 所属分类：其它

    • 发布日期：2019-07-10
    • 文件大小：11264
    • 提供者：weixin_39840914

  1. 微信仿豆瓣图书小程序源代码.rar

  2. 仿豆瓣图书微信小程序开源源代码，页面显示获取设备屏幕高度，以适配scroll-view组件高度，80为顶部搜索框区域高度 rpx转px 屏幕宽度/750，刷新下拉可改变变色球颜色很不错的特效。部分代码注释： 　　scrollHeight: 0, //scroll-view高度 　　pageIndex: 0, //页码 　　totalRecord: 0, //图书总数 　　isInit: true, //是否第一次进入应用 　　loadingMore: false, //是否正在加载更多 　　f

  3. 所属分类：其它

    • 发布日期：2019-07-10
    • 文件大小：60416
    • 提供者：weixin_39840914

  1. 微信小程序图片自适应 ，富文本解析源代码.rar

  2. 微信小程序图片自适应 ，富文本解析源代码，本程序是练习通过微信API组件实现的一些效果，主要是图片宽度和高度自适应屏幕、HTML解析（已经格式化json）、HTML解析（HTML）等小功能，对于初接触微信小程序开发的新手，这些小技巧是比较实用的。

  3. 所属分类：其它

    • 发布日期：2019-07-10
    • 文件大小：51200
    • 提供者：weixin_39840650

  1. 微信开发之录音、分享、Loading、城市选择等功能集.rar

  2. 微信小程序开发源码集，包括了录音、分享、Loading、城市选择，知乎live笔记示例等，在城市选择这一模块中，历史选择应该在缓存中记录，或者在在app中全局记录，当前城市通过之前的页面穿过来或者调用定位。添加要匹配的字母范围值，更加屏幕高度设置子元素的高度； 　　录音功能中有麦克风帧动画、手指抬起识别、点击播放录音、限制录音文件存储的大小为 100M，获取录音音频列表。学习微信小程序开发的初学者赶紧下载收藏哦。

  3. 所属分类：其它

    • 发布日期：2019-07-10
    • 文件大小：347136
    • 提供者：weixin_39840588

  1. weixin-wepy-swipe-delete-微信小程序-wepy-侧滑删除组件-支持之定义内容区域.zip

  2. 微信小程序-wepy-侧滑删除组件，支持自定义内容区在最近的微信小程序开发过程中需要用到侧滑删除的功能，微信小程序官方是没有提供这样的组件，再加上我们的微信小程序使用的是wepy组件开发框架开发的，wepy也没有提供这样的组件，之前也在github上搜索这方面的组件，没有发现合适的，当时只发现了一个开源的:https://github.com/GeoffZhu/wepy-swipe-delete 只不过该组件功能单一已经被作者废弃了，无奈自己动手撸了一个侧滑删除组件，现在把它开源出来吧。Req

  3. 所属分类：其它

    • 发布日期：2019-09-23
    • 文件大小：3072
    • 提供者：weixin_38743968

  1. 微信小程序中使元素占满整个屏幕高度实现方法

  2. 主要介绍了微信小程序中使元素占满整个屏幕高度实现方法的相关资料,需要的朋友可以参考下

  3. 所属分类：其它

    • 发布日期：2020-08-31
    • 文件大小：38912
    • 提供者：weixin_38711149

  1. 微信小程序自定义顶部组件customHeader的示例代码

  2. 1、开启配置自定义顶部 { "window": { "navigationStyle":"custom" } } 在app.json的文件window配置”navigationStyle”: “custom”属性即可 2、自定义顶部计算原理 2.1 获取系统状态栏的高度和屏幕宽度 使用wx.getSystemInfo这个函数获取系统状态栏的高度和屏幕宽度。 2.2 获取右上角胶囊位置信息 使用wx.getMenuButtonBoundingClientRect()方法获取右上角胶囊位

  3. 所属分类：其它

    • 发布日期：2020-11-20
    • 文件大小：50176
    • 提供者：weixin_38608378

  1. 微信小程序整个页面的自动适应布局的实现

  2. 按比例适应布局 大家有没有过一个烦恼，就是让某个view的高度或者宽度扩大点，而且是要按比例适应不同的手机，遇到这类问题应该怎么办？ 下面就为大家讲解怎么做一个能够自动适应不同手机的布局 1、像素单位 rpx 首先，我们来说说像素单位rpx，rpx是官方为小程序出的尺寸单位rpx(responsive pixel)，它可以根据屏幕宽度进行自适应。规定屏幕宽度为750rpx。所以平常我们应该尽量使用rpx来代替px 2、容器view的宽高使用百分百的方式 其次，我们来说说容器view的宽高应该尽量

  3. 所属分类：其它

    • 发布日期：2020-11-20
    • 文件大小：44032
    • 提供者：weixin_38618521

  1. 微信小程序之swiper轮播图中的图片自适应高度的方法

  2. 小程序中的轮播图很简单，官方都有例子的，但是唯一的缺陷就是swiper是固定死的150px高度，这样如果传入的图片大于这个高度就会被隐藏。辣么，怎样让图片自适应不同分辨率捏。 我的思路是：获取屏幕宽度，获取图片的宽高，然后等比设置当前屏幕宽度下swiper的高度。 1.结构 <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{durat

  3. 所属分类：其它

    • 发布日期：2020-12-02
    • 文件大小：41984
    • 提供者：weixin_38749863

  1. 微信小程序 本地图片按照屏幕尺寸处理

  2. 微信小程序 本地图片按照屏幕尺寸处理 前言： 个人感觉微信小程序的IDE用起来有时候不太方便，可能是之前用惯了Eclipse的原因吧。微信小程序的开发工具不支持直接将文件拷贝到目录下，所以首先要将图片文件导入到本地目录下，然后编写工具类获取屏幕的宽度和高度，具体步骤如下图。 1、本地图片导入 步骤一：选择最左侧的菜单中的项目 步骤二：选择打开后将图片直接拷贝到新建的image文件夹下 图片导入完成后，项目的整体目录结构如下图所示， 2、按屏幕尺寸自适应图片宽和高 步骤一：编写工具函

  3. 所属分类：其它

    • 发布日期：2020-12-09
    • 文件大小：120832
    • 提供者：weixin_38675815

  1. 微信小程序实现滚动加载更多的代码

  2. 1.需要用到的组件和api scroll-view（可滚动视图区域） wx.showToast(OBJECT)显示消息提示窗—-显示loading小菊花用的 2.需要用到的属性  3.scrol-view需要指定一个高度，这个高度可以按自己的需求计算，我使用的是屏幕可用高度并且默认一页显示6个 4.滚动到底部绑定需要触发的事件 5.操作事件函数，主要是将请求下来的数据用concat方法进行合并，然后赋值，我是用的for

  3. 所属分类：其它

    • 发布日期：2020-12-13
    • 文件大小：67584
    • 提供者：weixin_38580959

  1. 微信小程序获取位置展示地图并标注信息的实例代码

  2. 1.map组件的高度如果想要铺满屏幕，要是使用height:100vh样式 2.获取位置要在app.json中标明权限 3.先使用wx.getLocation获取自己的位置，然后再回调中使用setData方法，赋予数据给前台页面展示标注点 index.js //index.js //获取应用实例 const app = getApp() Page({ data: { }, onLoad: function () { var self=this; this.mapCtx = wx.

  3. 所属分类：其它

    • 发布日期：2021-01-03
    • 文件大小：36864
    • 提供者：weixin_38607282

  1. 微信小程序中使元素占满整个屏幕高度实现方法

  2. 微信小程序中使元素占满整个屏幕高度实现方法 在项目中经常要用到一个容器元素占满屏幕高度和宽度，然后再在这个容器元素里放置其他元素。 宽度很简单就是width:100% 但是高度呢，我们知道的是height:100%必须是在父元素的高度给定了的情况下才可以。 以前我的做法是用js获取屏幕的高度，然后将其赋值给height， 屏幕高度在网页中为:window.innerHeight; 在微信小程序中则需要调用wx.getSystemInfo接口，然后通过setData赋值 但是显然通过js来进行的，

  3. 所属分类：其它

    • 发布日期：2021-01-03
    • 文件大小：37888
    • 提供者：weixin_38594266

  1. 一个自适应的微信小程序自定义导航栏组件-源码

  2. weapp-navigation-bar 因为小程序原生导航栏的一些限制，比如：不能设置字体大小，ios标题居中而安卓居左，从非首页启动小程序返回首页菜单不明显，屏幕空间不能最大化使用。因此微信开放了小程序自定义导航栏，允许用户最大化的使用屏幕空间。但是自定导航栏不支持只指定某些页面使用，而是全局的，所以也带来了一些适配问题。 本导航栏组件支持 可根据手机状态栏高度适配。 可自定义设置包括字体颜色、字体大小、背景颜色、无标题、导航栏是否置顶。 可自动识别是否首页launch。 更多请 演示 1

  3. 所属分类：其它

    • 发布日期：2021-01-27
    • 文件大小：1048576
    • 提供者：weixin_38532849

  1. 微信小程序 图片宽高自适应详解

  2. 微信小程序 图片宽高自适应 1.以前将小程序图片宽度设置为屏幕宽度： imageLoad: function () { this.setData({ imageWidth: wx.getSystemInfoSync().windowWidth }) } 2.现在： .imgClass{ width: 100vw; } 解析： CSS3引入的”vw”和”vh”基于宽度/高度相对于窗口大小 ”vw”=”view width”“vh”=”view height

  3. 所属分类：其它

    • 发布日期：2021-01-20
    • 文件大小：27648
    • 提供者：weixin_38671819

  1. 使元素占满整个屏幕高度,修改swiper 圆点样式

  2. 一：微信小程序中使元素占满整个屏幕高度 在项目中经常要用到一个容器元素占满屏幕高度和宽度，然后再在这个容器元素里放置其他元素。 宽度很简单就是width:100% 但是高度呢，我们知道的是height:100%必须是在父元素的高度给定了的情况下才可以。 以前我的做法是用js获取屏幕的高度，然后将其赋值给height， 屏幕高度在网页中为:window.innerHeight; 在微信小程序中则需要调用wx.getSystemInfo接口，然后通过setData赋值 但是显然通过js来进行的，效率

  3. 所属分类：其它

    • 发布日期：2021-03-29
    • 文件大小：43008
    • 提供者：weixin_38740328

  1. 微信小程序小技巧系列《四》使元素占满整个屏幕高度，修改swiper 圆点样式

  2. 一：微信小程序中使元素占满整个屏幕高度 在项目中经常要用到一个容器元素占满屏幕高度和宽度，然后再在这个容器元素里放置其他元素。   宽度很简单就是width:100%   但是高度呢，我们知道的是height:100%必须是在父元素的高度给定了的情况下才可以。   以前我的做法是用js获取屏幕的高度，然后将其赋值给height，   屏幕高度在网页中为:window.innerHeight;   在微信小程序中则需要调用wx.getSystemInfo接口，然后通过setData赋值   但是显

  3. 所属分类：其它

    • 发布日期：2021-03-29
    • 文件大小：43008
    • 提供者：weixin_38707217

  1. 微信小程序小技巧《十九》实现图片高度自适应，带参数分享 ... ...

  2. 一：实现图片高度自适应 1. swiper轮播海报通过wx.getSystemInfo接口获取屏幕高度，高度依据图片宽高等比缩放   (此图片来源于网络，如有侵权，请联系删除! ) 运行于app.js，全局保存 // 设备信息 wx.getSystemInfo({ success: function(res) { that.screenWidth = res.windowWidth; } }); 免责声明：本站所有文章

  3. 所属分类：其它

    • 发布日期：2021-03-29
    • 文件大小：46080
    • 提供者：weixin_38688906

  1. 微信小程序的视图容器-view

  2. 微信小程序的视图容器主要包括是是三个，分别是 1.view 2.scrollView 3.swiper 一、view view就是视图的意思，类似于html中标签 我们先来写一个简单的view 在.wxml中写一个view (此图片来源于网络，如有侵权，请联系删除! ) 在对应的.wxss文件写headerView的样式 (此图片来源于网络，如有侵权，请联系删除! ) 运行结果：在页面显示一个高度为300rpx的view (此图片来源于网络，如有侵权，请联系删除! ) 这里我们需要指出一点的是微

  3. 所属分类：其它

    • 发布日期：2021-03-29
    • 文件大小：179200
    • 提供者：weixin_38725531
« 12 »