二、支付宝小程序前端样式的设计.acss样式详解

在视频中已经说过了，小程序的设计思想和原生app的设计思想颇为相似，基本的应用单元为页面。当然对于一个页面来说每一个元素的放置位置在哪儿以及显示成什么样子这个是由 样式来决定的 。我们知道在web开发中样式是在css文件中规定的，叫做层叠样式表 (Cascading Style Sheets)。其实在APP中样式的约束也是使用css，在支付宝小程序中也是使用css不过文件的后缀是.acss而且对css3进行了扩充而已。

那么在支付宝小程序中的.acss和微信小程序中的.wxcss没有什么两样。 上边已经说了.acss其实包含了css3那么它还有一些新的特性是css3中不具备的，让我们一一看看

第一次看到这个东西也能猜到他是干什么用的。在css中我们知道规定大小一般使用像素(px)这个单位。比如显示生活中我们说房子128㎡那这儿的单位是平方米，在开发中需要更加精准的大小就是px像素。此伍像素就非常精细了因为在我们显示屏幕中像素是最小的显示单元。这个道理如果不懂的话手皮就找个LED屏幕仔细看，LED屏幕上一个一个的发光二极管可以想象为像素。

我们知道手机屏幕有大有小，就拿iPhone来说，iPhone 6 plus比iPhone 5要大。那么就说明plus的像素比5要多。毕扒差对比：

加入有一个160px宽度的红色矩形在这两种手机中的位置如下：

rpx（responsive pixel）可以根据屏幕宽度进行自适应。如何自适应呢？看下边的分析：

看下图：

在模块化开发中我们有时候不得不在页面中使用其他的第三方库的样式，而第三方库的样式是保存在第三方包中的，我们不可能全部复制到我们的.acss文件中，那最好的办法就是导入了。在样式表中导入其他外联样式表。

当然仍旧支持内联样式和class属性制定样式类，如

选择器和css3的保持一致。一般有class=”test”类选择器和id=”test”的id选择器。当然在支付宝小程序的样式中特殊的地方就是：

※ .a- 或者 .am-为前缀的选择器已经被系统占用所以不要使用；

※ 不能使用属性选择器，例如,以下写法不被支持：

我之前说过小程序开发的应用单元为页面。其实我们在.axml中写的页面并不包含页面容器，就相当于我们做一个页面但是body标签不用写那如果我们要改变整个页面的背景怎么办呢?其实有一个固定的选择器。例如：

可以通过 page 元素选择器来设置页面容器的样式，比如页面背景色:

在你想改变页面容器的页面中定义该样式也可以，全局定义也可以，例如我想将test这个页面的页面容器背景设置为蓝色，就可以再pages目录下的test目录下找到test.acss在其中定义page的样式

下节是视图层讲解，如果有任何问题可以再下方给我留言或者发邮件到 weiyongqiang@weiyongqiang.com 我在收到邮件后会回复。

您好，壹来客为您讲解这个问虚枝题。

外部链接是指外部的APP导入到微信当中的链接。携程上抢票目前是小知敬程序为主。那些点击进入之后需要跳转到另一个app去砍价之类或者是跳转之后显示要下载对应的APP，就是外部链接。说白了就是，你打开拼多多，从拼多多转发砍价链接搭誉慎到微信上，这就是外部链接。

如果是微信上的拼多多小程序，转发到微信群去砍价，那这就是小程序。

微信小程序的开发方式主要有以下几种。

（1）如果你自身有团队有资源的话，你可以自己进行小程序的开发制作。

（2）如果你自身不懂技术的话，你可以借助第三方小程序制作工具进行开发制作。如今市场上主要有两种小程序的开发方式，你可以通过第三方技术公司进行定制开发，不过这种情况下的制作费用可能比较高，一般估计都得上万了。另外一种是利用小程序制作工具来制作自己的小程序店铺，这种方式是专门针对技术小白提供的，拖拽式搭建小程序店铺，简单方便，零基础上手！

目前就是这几种了，你可以多去了解一下，结合店铺自身的经营状况进明蚂纯行选择。专门研究探讨小程序的夜疾岛社区很高兴为您解答：“

1、小程序是专业的开发公司来制作的，不会代码的人是没办法开发的。

2、我不明白你说什么宣传制作a。”

再看看别人怎么说的。您好，

“微信小程序”开发之前必须要完成和注册认证。如果是个人或者小公司想开发微信小程序，也可以找微信认证第三方开发商，比如赢在移动、正品科技等。

1、微信小程序注册

在微信公众平台官网首页，按照提示点击右上角的“立即注册”按钮，里面总过有12步，按照要求提交就可以了。

2、小程序申请微信认证

政府、媒体、其他组织类型帐号，必须通过微信认证验证主体身份。企业类型帐号，可以根据需要确定是否申请微信认证。已认证帐号可使用微信支付、微信卡券等高级权限。

认证入口：登录小程序—设置—基本设置—微信认证—详情

3、小程序申请微信支付

已认证的小程序可申请微信支付。

4、小程序绑定微信开放平台帐号

小程序绑定微信开放平台帐号后，可与帐号下的其他移动应用、网站应用及公众号打通，通过UnionID机制满足在多个应用和公众号之间统一用户帐号的需求。

UnionID机制说明：如果开发者拥有多个移动应用、网站应用、和公众帐号(包括小程序)，可通过UnionID来区分用户的唯一性，因为只要是同一个微信开放平台帐号下的移动应用、网站应用和公众帐号(包括小程序)，用户的unionid是唯一的。换句话说物升，同一用户，对同一个微信开放平台下的不同应用，UnionID是相同的。用户的UnionID可通过调用“获取用户信息”接口获取。

5、了解“获取用户信息”接口请查看开发文档—API—开放接口—用户信息。

绑定小程序流程说明：登录微信开放平台、—管理中心—公众帐号—绑定公众帐号

注意：微信开放平台帐号必须完成开发者资质认证才可以绑定小程序。微信小程序有很多种的，具体要看你需要开发的是哪一种，不同功能需求的小程序开发费用不同。这个就看你采用以下哪种开发方式：第一种就是自己开发自己做。这也是最省钱的方式，如果自己来开发的话，就可以省掉那些付给开发人员的钱。通过这种方式，如果开发个人版的小程序，不需要花费一分钱就可以拥有自己的小程序。而如果要开发一个具有支付功能的小程序商城，是企业版的话，就需要在进行微信认证，而只需要给腾讯支付300元的认证费用即可，前提是自己要懂技术、最好是有团队。

第二种就是自己有一个开发部门激咐或者开发人员。如果是这种情况的话，我们也是和第一种情况一样的，但是还需要支付员工的费用，这也要算在开发一个小程序的成本中，毕竟，员工是需要公司养着的。而这个成本的多少就要取决于你开给员工的工资多少了，一般一个能够独立开发小程序的员工基本工资不会低于一万，这还是在小城市的基本工资，如果是北上广，需要大概两万到五万之间。而如果你养的是一个开发部门的话，这个费用将会更高。

第三种就是找一个具有开发微信小程序商城资质的开发公司。这一个方式是在自己没有开发能力的情况下，最方便也比较省钱的方式。因为我们不需要耗费那么多精力去自己开发，也不需要花费太多的钱去养一个开发人员或是开发部门，我们只需要支付开发一个小程序的市场价格(几千元)即可。开发微信小程序有三种方式：

1、如果自己懂得开发，直接开发即可，但需要专业的知识很高，而且还需要消耗大量的时间、精力等等；后期维护、更新都需要专业人员；

2、由专业的网络公司开发，这种费用往往较贵，几万到十几万不等；

3、最简单的就是由第三方平台开发，这种费用较低，几千就可以实现，而且开发周期也短，一个星期左右就可以上线运营。

微信小程序宣传推广可以线上、线下进行，比如线上可以：

1、附近的小程序入口

附近小程序基于LBS的门店位置的推广，会自然带来访问量，为门店带来有效客户。

2、微信搜索进入

小程序可以在微信搜索里直接进入，拥有线上的搜索流量。

3、长按识别小程序二维码进入

4、小程序的参数二维码，可以利用积分宝海报形式进行线上运营传播。

5、微信图文可以插入小程序，也是小程序推广运营的重要方式，而且结合微信图文，借助微信小程序的直接引导，提高线上转化率。

6、自媒体平台软文推广

7、转发分享

8、公众号关联小程序，利用公众号积累的影响力。

9、公众号资料页展示小程序也是小程序的重要入口之一，能为小程序带来自然的用户。

线下可以：

1、小程序二维码推广

2、圆形小程序码推广

3、扫描普通二维码进入小程序

4、门店、宣传海报、广告栏带小程序相关二维码

5、线下扫码专门研究探讨小程序的夜疾岛社区很高兴为您解答：“

1、小程序是专业的开发公司来制作的，不会代码的人是没办法开发的。

2、我不明白你说什么宣传制作a。”

---