微信小程序添加到表情原理

近日，微信推出了一款名为“微信创意表情”的小程序，支持自定义微信表情包。这个小程序的主账号是“深圳市腾讯计算机系统有限公司”。

这个小程序基于可定制的微信黄脸表情元素。 可以添加面部形状、眼睛、眉毛、嘴巴、身体、配饰和文字，以增强和更好地传达表情符号中包含的信息。

完成创作后，您甚至可以一键将您的创作添加到您的聊天表情面板中，与您的朋友分享您的创作。

官方介绍称，这是一款人人都会用的表情包制作工具，作为斗图必备神器，小伙伴们势必要掌握一下玩法。

第一步，在小程序搜索“微信创意表情”，点击进入后，勾选已阅读，点击开始就可以制作你的专属表情了。

第二步，选择一个你想要的脸型，这里小编选择了一个红色的圆脸

第三步，选择眼睛，系统自带的款式有很多，用户可以根据自己想要表达的情绪来选择眼睛的样式，这里小编要制作一个愤怒的表情，所以选择了一个红色的眼睛。

第四步，选择眉毛，大家可以尽情发挥自己的创意。

第五步，选择一个嘴巴

第六步，选择身体，基本就是一些表达情绪的手势。为了让我的表情包更能体现出愤怒的状态，我加上了这个竖中指的肢体动作。到这一步基本上情绪表现已经非常明显了。

第七步，加配饰。这个其实也可以不加，不过加上的话，也可以进一步渲染情绪。到这里情绪已经非常饱满了。

1、双击打开微信小程序开发工具，新建一个对应的界面，然后插入多个view元素，并添加class属性，如下图所示：

2、没有给这些view样式，然后保存代码并预览效果，结果出现从上到下排列，如下图所示：

3、在对应的wxss文件中，设置表格的表头和表体的样式，如下图所示：

4、再次保存代码并在模拟器中预览效果，发现形成了表格，如下图所示：

5、在thtd添加一个border-bottom属性，设置底部边框属性，如下图所示：

6、结果发现最后一行的底部边框展示的有点粗，是因为table和td设置了边框，加粗了，如下图所示：

---