龙衣

专注于写代码并享受当下生活。

微信小程序自定义组件实现 tabBar、navBar

久不写文,手有些生,见谅。 最近App项目要将其中一个模块抽出来做成小程序, 功能包含 :底部的Tab栏,顶部的标题栏 这里选择自定义的原因有两点: narBar 微信原生不支持设置返回图标,且在 Android 上标题是居左显示,在 iOS 上是居中显示。 底部的 tabBar 不支持点击...

2019-01-13 20:45:13

阅读数:72

评论数:2

微信小程序 组件叠加效果(如 Android 中的添加蒙层)

实现的效果如下: 可以看出这是由image组件和text组件叠加到一块组成的蒙层效果。 在小程序中实现这个效果主要用到z-index属性和position属性 z-index的使用必须是双方组件都设置了position属性下才会生效。 z-index:表示的组件的层级关系,值越小越在最下方。 ...

2019-01-06 00:08:06

阅读数:11

评论数:0

Android 开发者从0到1发布一个微信小程序的采坑过程

需要代码可在文末扫码识别二维码,在我的----关于我—可找到我的联系方式。 小程序已发布,可在微信小程序中搜索找到,或者在文末找到小程序二维码体验一波 实现效果分析目录 Android 开发者从0到1发布一个微信小程序的采坑过程——首页实现 Android 开发者从0到1发布一个微信小程序的采...

2018-12-02 20:39:27

阅读数:46

评论数:0

Android 开发者从0到1发布一个微信小程序的采坑过程——发布上线后动态切换页面

Android 开发者从0到1发布一个微信小程序的采坑过程——首页实现 Android 开发者从0到1发布一个微信小程序的采坑过程——详情页实现 Android 开发者从0到1发布一个微信小程序的采坑过程——使用帮助页面 Android 开发者从0到1发布一个微信小程序的采坑过程——发布上线后动态...

2018-12-01 22:55:52

阅读数:19

评论数:0

Android 开发者从0到1发布一个微信小程序的采坑过程——使用帮助页面

需要代码可在文末扫码识别二维码,在我的----关于我—可找到我的联系方式。 实现的效果如下: 分析实现过程: 这个过程实现的不难,这里之所以再介绍是因为这里的实现是通过微信的云数据库实现数据的动态填充。 这里的动态填充是指:我们在没有服务器的情况下,如何再不更新版本的情况下更新数据呢?这就...

2018-11-25 10:39:48

阅读数:50

评论数:0

微信小程序~云开发 Demo 实现发表页面

实现的结果如下: 分析如何实现 导航栏的实现很简单就不说了,可参考我之前的文章 重点是中间的 ② 是内容区域 区域三是功能操作区 内容区域的实现 第一个是文本区域 第二个是水平的图片展示区域 这里的内容区域使用的是小程序的 textarea 组件,具体的使用方式可参考 官方文档 图片显示...

2018-11-24 22:03:28

阅读数:173

评论数:0

Android 开发者从0到1发布一个微信小程序的采坑过程——详情页实现

需要代码可在文末扫码识别二维码,在我的----关于我—可找到我的联系方式。 实现的效果如下: 分析实现过程: 上面的截图从四个部分分析了该页面的实现: 第一部分是导航栏的名字 第二部分是开奖结果,也是这里实现的难点 第三部分是下方的奖项列表 第四部分是底部的分享和历史开奖按钮 第一部分 ...

2018-11-23 22:44:19

阅读数:30

评论数:0

Android 开发者从0到1发布一个微信小程序的采坑过程——首页实现(已上线)

需要代码可在文末扫码识别二维码,在我的----关于我—可找到我的联系方式。 实现的效果如下: 分析实现过程 上图中我划出了三个区域 第一个区域是顶部的导航栏颜色和标题 第二个区域是中间的奖类 item 第三个是底部的菜单栏 第一个区域导航栏颜色和标题的实现 背景色 在 app.jso...

2018-11-22 23:13:36

阅读数:60

评论数:0

微信小程序~新版授权用户登录例子

要实现的效果 在用户进入个人中心,直接弹出获取用户信息弹窗 以前能够直接弹出授权弹窗 现在需要点击一个按钮后才弹出授权弹出 显示圆形的用户头像 如何获取用户信息? 官方文档链接 授权弹窗 官方获取用户信息文档调整 为优化用户体验,使用 wx.getUserInfo 接口直接弹出授权...

2018-11-14 23:31:47

阅读数:294

评论数:0

微信小程序~云开发Demo 实现数据的添加、查询和分页实现

实现的效果 实现要点 WXML 不同类别数据的显示 通过 if-elif-else 实现,在wxml文件中通过 <block></block>...

2018-10-22 23:56:08

阅读数:231

评论数:0

微信小程序~云开发的实现的一个社区 Demo(完结~)

微信云开发 官方介绍 开发者可以使用云开发开发微信小程序、小游戏,无需搭建服务器,即可使用云端能力。云开发为开发者提供完整的云端支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可实现快速上线和迭代,同时这一能力,同开发者已经使用的云服务相互兼容,并不互斥。 ...

2018-09-30 17:44:41

阅读数:545

评论数:12

微信小程序-从 Android 开发层面简单理解 WXSS 中的样式

微信小程序 WXSS 文档 官方文档地址,官方文档只是简单介绍了基础的 WXSS,具体的CSS样式属性还是没有,这对于前端小白不是很友好,所以笔者这里从 Android 开发的层面去记录一些常见的 CSS样式。建议阅读文章前先看官方文档。 常见的样式属性 推荐看这篇博文,基本上常用的都总结了...

2018-09-25 23:50:25

阅读数:54

评论数:0

微信小程序-文章详情页面实现

先自己绘制了一个丑陋的原型图,然后开始在小程序上绘制页面,然后设计样式,一路过来总结就是哪里不懂查哪里之旅~ 原型设计和分析 原型图效果 为什么要这么设计? 正常情况下是设计先出设计图,然后服务器和我们一同讨论接口如何设计,然后根据服务器返回的结果,我们再去界面上显示。但...

2018-09-09 23:02:33

阅读数:394

评论数:0

微信小程序-利用干货集中营的福利接口实现 banner 轮播图

今天在用真机调试的时候发现轮播图的图片死活显示不出来,查了一下网上的结果发现大部分是以下原因导致的:【我这里没显示的原因可能就是因为域名没备案吧,这块还没去验证。模拟器是完全可以显示的。】 图片是用image加载的; 图片的url里面没有中文; 图片的HTTP应为小写的http以及图片...

2018-09-09 21:27:22

阅读数:357

评论数:0

微信小程序~利用模板实现《福利》页面的网格布局

什么是模板? 在微信小程序中,使用template来表示模板 为什么要使用模板? 使用模板文件能够降低代码重构,提高代码的复用性。 如何使用? 页面内使用:在页面内直接声明一个template并且引用代码如下: <import sr...

2018-06-05 23:25:46

阅读数:692

评论数:0

微信小程序~ 网络请求工具的封装

之所以选择封装是为了代码的简洁性,而且封装起来的代码一个多处使用;像网络请求这种常见的操作,我们是需要将其封装为一个工具,在使用的使用直接引入,再使用就可以省去很多重复的代码。 下面以获取干货首页文章的网络请求分析 网络请求的初始代码 getGankData: function (u...

2018-05-30 22:54:18

阅读数:864

评论数:0

微信小程序~ Reading 页面布局 + 数据绑定

效果图如下:只需要一个标题以及类型和时间 这里的难点就是布局的样式表,对于没有过Web前端开发经验的笔者,只能一步一步摸着石头过河了,还有一点是接口返回的时间格式需要我们去格式化,笔者这里只是简单的截取,并没有进行时间的转化。 reading.wxml布局如下 &am...

2018-05-19 22:34:59

阅读数:96

评论数:0

微信小程序~底部导航栏 Tab + 顶上 TitleBar 的实现

这一节内容比较简单,实现的效果图如下 底部导航栏的实现 官方文档—框架—配置 查阅文档后,我们的实现方式如下: "tabBar":{ "borderStyl...

2018-05-13 22:28:29

阅读数:1499

评论数:0

微信小程序-利用必应首图接口实现引导页

不是 Hello World 的第一个页面 一张全屏的背景图,一个带有圆角的可点击按钮。 这个首页不算简单(相对于显示一个 Hello World),但是也不算难,毕竟也就使用到了两个组件元素。 分析如何实现 如何实现全屏背景图? 如何实现底部居中的按钮在图片的上方? 如...

2018-04-27 23:32:48

阅读数:369

评论数:0

微信小程序-实现新闻-图片阅读客户端(已完成~)

目录可以不用按照顺序来阅读,需要了解哪方面的信息直接阅读对应的文章即可。本人也是小程序开发小白,文中如有错误多谢指出,共同进步! 介绍 小程序的特点以及和传统App的区别 开发工具 官方下载地址 微信开发者工具 官方文档 官方文档!小程序官方文...

2018-04-20 16:45:38

阅读数:124

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭