开发小程序的话 首先要了解里面的每个文件的作用

1. 小程序没有DOM对象，一切基于组件化
2. 小程序的四个重要的文件*.js*.wxml ---> view结构 ----> html*.wxss ---> view样式 -----> css*. json ----> view 数据 -----> json文件

      <view class="certificateContent">
        <view class="certificateName">
        </view>
        <view class="certificateCode">
          <view class="code">
          </view>
        </view>
      </view>

一、签到子页面布局

子页面主要是一个签到按钮，然后下方是签到记录列表。

切图网提供专业的微信小程序切图服务，有关于 微信小程序切图需要几倍图，下面和大家讲讲。

小程序切图和手机网站切图一样都是基于2倍图的，另外附带其他你需要知道的一些的小程序切图的知识。

1，小程序切图的宽度以750px为准（可以理解为是以iphone5、6的尺寸作为标准尺寸）

2，小程序切图在做设计的时候基本以750px为准，在做小程序切图的时候，基本按1:1 来做即可

3，小程序切图需要用到单位 rpx

我们开发的项目一般都会有可视化界面，如下图：

我们需要考虑在各个设备上能够正常显示，我们就看看 uni-app 创建的项目，他的响应式是如何处理的？

一、uni-app 是如何实现响应式的？

uni-app 的尺寸单位：

• px：屏幕像素单位。

就目前看来，web的屏幕适配是贯穿整个前端行业的，如常见的PC端，移动端，响应式，小程序等。

PC端

微信小程序 的官方文档

https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/#小程序简介

切图网习惯于在做小程序之前先做成html5+vuejs的形式，因为html5切图是我们比较熟悉的方式，而且有专业的工具 以及浏览器调试也会更加的方便 灵活，效率高，而且html5的方式可以方便预览看效果，方便调整，当html5页面做好确认没问题以后 再转成小程序或者官方出品wepy的方式，这个时候就需要找到html5和小程序之间的微妙不同，需要做以下调整，亲测可用。

一、小程序框架介绍（了解）

小程序框架包含小程序的配置、框架接口、场景值、WXML 和 WXS 等

二、小程序的配置（精通）

小程序的配置分为全局配置、页面配置以及sitemap 配置

1.使用场景：

在公司做的小程序，主要是提供线上购物使用。在购物车列表上，有这样一个场景，即当客人把衣服加购后一段时间，该衣服可能库存紧缺或是下架了，这时，我们需要在购物车项中，告诉客人该衣服已经下架，而不是让他下单结算时，才发现缺货。

因此，我需要做一个功能 ，在购物车上显示缺货样式。比如象如下界面：