自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(4)
  • 收藏
  • 关注

原创 微信小程序开发与实践(4)

5 页面详情页 5.1跳转到文章详情页面 首先新建文章详情页面。在app.json的pages数组下新增页面路径: "pages/post/post-detail/post-detail"保存后,开发工具会自动生成post-detail页面的4个文件。 -首先要实现的是从post文章页面通过点击跳转到post-detail详情页面。 在post.wxml中的block代码块里注册一个事件。<template catchtap="onTapToDetail" is="postItemTpl" data=

2020-07-17 09:44:30 283

原创 微信小程序开发与实践(3)

第四章模块、模块与缓冲 5.1将文章数据从业务中分离 在项目的更目录下新建一个文件夹data,在该文件下新建data.js,将post,js文件中Onload函数下的postList数组的数据整体剪切到data.js文件中,从而避免污染业务层,将所有的内容都堆积在post.js文件中. 5.2小程序的模块 我们还需要使用module.exports向外部暴露一个接口。在data.js文件的最下部添加以下代码:module.exports = { postList:postList}定义好模块后,接下来就可以

2020-07-15 11:48:10 238

原创 微信小程序开发与实践(2)

3. 文章列表页面 介绍使用swiper组件构建banner轮播图以及swiper组件的其他属性,详细介绍image组建的4种缩放模式与9种裁剪模式。 3.1 文章列表页面元素分子以及准备工作 文章页面的主体部分由两部分组成:上班不封轮播图+下半部分文章列表 轮播图----小程序提供的swiper组件可以实现轮播图每隔几秒进行图片转换 文章列表----包括文章标题、文章头图、文章概要、评论数、阅读数、 3.2 swiper组件 swiper组件就是滑动视图容器 在post,wxml文件中敲入代码 &lt

2020-07-14 11:04:12 282

原创 微信小程序开发与实践(1)

微信小程序开发入门与实践认识小程序的基本文件结构根目录下的三个文件111222334445556667778889991010111112121313141415151616171718181919 认识小程序的基本文件结构 根目录下的三个文件 app.js属于必选项,是小程序的逻辑文件 app.json属于必选项,是小程序的配置文件 app.wxss不是文件的必选项,是全局公共样式文件 与三个应用程序平行的是pages文件夹 ,一个将会带来全新的写作体验; 在创作中心设置你喜爱的代码高亮样式,Mark

2020-07-12 18:02:53 306

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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