
微信小程序
文章平均质量分 84
LiuJun2Son
专注前端开发,熟悉移动端和后端开发
展开
-
微信小程序-仿知乎主题日报列表
微信小程序-仿知乎主题日报列表这个篇文章继续带大家一起练习微信小程序的布局。下面将会按照以下的顺序介绍:网络请求的实现工具类的实现布局的实现逻辑的实现样式的实现1.网络请求的实现在js文件中通过Page()函数注册一个界面,然后在data定义一个theme对象,这个对象用来接收网络请求的结果,接着在onLoad()函数中调用wx.request进行网络请求,请求成功的数据,赋值给data原创 2016-12-01 17:19:05 · 2466 阅读 · 0 评论 -
微信小程序 - 仿果库列表
这个篇文章带大家一起练练微信小程序布局。下面将会按照以下的顺序介绍:布局的实现逻辑的实现样式的实现1.布局的实现最大的布局是view, view布局中包含了:一张图片,文字描述,信息栏和分界线<!--最外层--><view class="home-view1"> <!--图片层--> <view class="home-view2"> <image cl原创 2016-11-27 15:23:32 · 21413 阅读 · 15 评论 -
微信小程序-仿开眼分类页
这个篇文章带大家一起模仿开眼分类页的布局。下面将会按照以下的顺序介绍:布局的实现逻辑的实现样式的实现1.布局的实现整个布局是通过一个view包裹一个block,每一个block中包含一个item,每一个item都是由一个view包裹一个image图片和text文本组成 <view class="classfiy-view1"> <block wx:for="{{imgs原创 2016-11-26 20:02:37 · 1947 阅读 · 0 评论 -
微信小程序-仿开眼首页
这个篇文章带大家一起模仿开眼首页的布局。下面将会按照以下的顺序介绍:布局的实现逻辑的实现样式的实现1.布局的实现整个布局是通过block包裹一个item布局,每一个item布局又是通过view布局包裹。最外面的view布局中包含了一张图片和一个内部view,这个内部的view又包含了两个文本。 <block wx:for="{{imgs}}" wx:for-index="index"原创 2016-11-26 18:36:19 · 2816 阅读 · 0 评论 -
微信小程序-欢迎界面
市面上大多数的app都会有一个欢迎界面,下面将演示如何通过微信小程序实现一个欢迎界面。下面将会按照以下的顺序介绍:布局的实现逻辑的实现样式的实现1.布局的实现整个布局使用swiper滑动视图实现,滑动视图的每一个item通过一个block块包裹,块中包裹的是滑动视图的每一个item, item中包含image图片和button按钮 <swiper indicator-dots="tr原创 2016-11-26 17:50:24 · 6215 阅读 · 1 评论 -
微信小程序-view组件
视图容器常用的样式的属性:详情:http://www.jianshu.com/p/f82262002f8adisplay :显示的模式。可选项有:flex(代表view可以伸缩,弹性布局)…flex-direction :view容器主轴布局方向。可选项有:row , columnjustify-content :view容器子元素沿着主轴的排列方式。可选项有:f原创 2016-10-21 09:47:30 · 6553 阅读 · 0 评论 -
初试微信小程序
1.打开微信web开发者工具双击打开:微信web开发者工具2.新建项目点击添加项目。(appid,项目名,项目保存的路劲:可以随便输入。)3.打开项目4.项目结构说明5.编写代码创建页面index.wxml.wxml后缀的文件是页面结构文件<!--index.wxml--><view > <button bindtap="button_xiaomage">小码哥教育:</button> <原创 2016-09-25 17:39:55 · 2877 阅读 · 0 评论 -
微信小程序开发环境搭建
转载自:http://blog.youkuaiyun.com/xiehuimx/article/details/52629657现真是轰炸了整个开发人员,当然很多App开发人员有了一个担心,微信小程序的到来会不会给移动端App带来一个寒冬,身为一个Android开发者我是不相信的,即使有,那也是很遥远的未来。不管微信小程序是否能颠覆当今的开发格局,我们都要以好奇的心态去接收,去学习转载 2016-09-24 17:36:28 · 1026 阅读 · 0 评论