微信小程序transform: translateY的理解

用于2d平移的变换函数，其将y轴上的元素移动给定值。请注意，y轴垂直向下增加：正长度向下移动元素，而负长度向上移动元素。

translateY（<translation-value>）

横跨y轴平移的值。可以是 长度 或 百分比 值。

例子

该示例显示了三个div元素，这些元素使用translateY（）函数单独转换。

wxml

wxss

wx.js

分析： bottom-dialog-body 设置高度为300 left ， right ， bottom 都为0 开始赋值的 transform 属性为高度的100%（即：高度）用 anmation 改变 translateY 为0，设置成原来的 bottom

这个动画，都是相对于设置的 bottom 来的，但是位置是从第一次 translate 以后的位置，开始动画， 这边就第一次的 translate 和第二次的 translate 都是并列的，第一次 translate 相对于 bottom 那第二次的 translate 也是相对于 bottom

注意： 在 js 文件中， animation 调用 translateY(300) 这个单位是 px 不是 rpx 一定要特别注意

微信怎样用中文翻译成英文，具体 *** 作如下：

1、进入微信，点击“我”，选择设置。

2、进入设置，选择通用。

3、进入通用，选择多语言。

4、进入多语言，选择English，并保存。

5、选择聊天界面，发送中文，并长按信息，再d出的框中选择Translate。

6、发送的消息就可以转换成英文的了。

---