微信小程序如何使用FillText翻转字体

首先把那个文字框view设置一个固定的高度（比如3行），overflow属性设为hidden，position属性设为relative。

“...”和“展开”放在同一个绝对定位（position为absolute）的view内，放在文字框内，定位在右下角，文字大小与文字框一致，这样当这个层显示时，就自然覆盖了文字框右下角，形成“... 展开”的效果。

然后在js中计算文字简介的字数，再根据文字框的字体宽度计算出总长度，除以文字框的宽度，如果计算结果大于3，就说明溢出了。这时可以通过setData通知wxml显示“... 展开”。

给“... 展开”绑定tap事件，点击后文字框的高度变为auto，这样溢出的部分就重新出现了，当然这时候要再次把“... 展开”隐藏。

鼠标左键点击一下图片，查看图片。点击图片下方的旋转标志。鼠标左键点击一下旋转标志，图片顺时针90度旋转一下。再次点击鼠标，图片调正为止。如果我们只是预览图片，为了看得更清楚，这时候就可以了，但是如果要保存或者下载图片，图片依然是原图片（颠倒的），这时我们可以下载后用别的软件调整，也可以截图，这里我们就截下图。摁住截图的快捷键（截图快捷键可在设置里查看），截取图片，下载保存或者完成。这样就完成了图片的旋转调整。

竖屏模式变为横屏模式。

1、在企业微信主界面，点击左上方的三条杠的图标。2、然后再点击下方齿轮的图标。3、点击通用。4、再点击开启横屏模式，就可以竖屏切换横屏改变企业微信小窗口方向了。

Towify 中的动画可以为组件设置多种动画效果，快来1秒Get如何配置！

效果展示

使用动画效果中的旋转动画，同时配置触发器行为：执行其它动画。实现点击播放动画的效果。

触发器配置

注意：在检查器面板中的触发器设置面板创建触发器，可以对组件进行交互逻辑设置，或配合事件来进行动态数据 *** 作。

选中音频组件

点击检查面板中的触发器

创建一个触发行为:执行其它动画的触发器

注意：在……时是一种监听行为的触发时机，在当前案例中，使用了监听音频的状态。

选中音频组件

点击检查面板中的触发器

创建触发行为:在……时的触发器

注意：激活有两种状态，分别为激活和非激活，激活对应了样式中的Selected状态，而非激活对应了样式中的Default状态

选中音频组件

点击检查面板中的触发器

创建触发行为:激活的触发器

这样就可以配置旋转动画了。

---