fix: button icon align

Author: LeeJim

miniprogram/pages/detail/index.less

@@ -139,9 +139,8 @@
     transform: translateY(0);
   }
 
-  &__button {
-    display: flex;
-    align-items: center;
+  &__text {
+    line-height: 36rpx;
   }
 
   &__icon {

miniprogram/pages/detail/index.wxml

@@ -51,10 +51,12 @@
 <view class="actions actions--{{done ? 'active' : ''}}">
     <t-button-group>
       <t-button t-class="actions__button" size="large" block data-type="liked" bind:tap="toggleStarOrLike">
-        <t-icon name="heart{{liked ? '-filled' : ''}}" color="{{liked ? '#e34d59' : ''}}" size="36rpx" class="actions__icon"/> {{likeds ? likeds + ' 人' : ''}}喜欢
+        <t-icon name="heart{{liked ? '-filled' : ''}}" color="{{liked ? '#e34d59' : ''}}" size="36rpx" class="actions__icon"/>
+        <text class="actions__text">{{likeds ? likeds + ' 人' : ''}}喜欢</text>
       </t-button>
       <t-button t-class="actions__button" size="large" block data-type="starred" bind:tap="toggleStarOrLike">
-        <t-icon name="star{{starred ? '-filled' : ''}}" color="{{starred ? '#ed7b2f': ''}}" size="36rpx" class="actions__icon"/> 收藏
+        <t-icon name="star{{starred ? '-filled' : ''}}" color="{{starred ? '#ed7b2f': ''}}" size="36rpx" class="actions__icon"/>
+        <text class="actions__text">收藏</text>
       </t-button>
     </t-button-group>
   </view>