🌈 style:

@@ -5,19 +5,18 @@
       <div class="video-bar">
         <van-row>
           <van-col span="12" @click="goTo">
-            <van-image round width="2rem" height="2rem" style="vertical-align: middle;" :src="item.avatar ? item.avatar : icon_avatar" />
-            <span style="font-size: 1.05rem;vertical-align: middle; display: inline-block; padding-left: 1rem;">{{ item.name }}</span>
+            <van-image round width="2rem" height="2rem" class="avatar" :src="item.avatar ? item.avatar : icon_avatar" />
+            <span class="text">{{ item.name }}</span>
           </van-col>
           <van-col span="12">
-            <div style="padding: 0.25rem; padding-top: 0.75rem; text-align: right;">
+            <div style="padding: 0.25rem; padding-top: 0.5rem; text-align: right;">
               <span @click="setComment">
                 <van-icon :name="icon_liuyan" size="1.2rem" style="vertical-align: bottom;" />
                 {{ item.comment_num }}
               </span>
               &nbsp;&nbsp;&nbsp;
               <span @click="handleAction('like', detail.id)">
-                <van-icon v-if="!detail.is_like" :name="icon_dianzan1" size="1.2rem" style="vertical-align: bottom;" />
-                <van-icon v-else :name="icon_dianzan2" size="1.2rem" style="vertical-align: bottom;" />
+                <van-icon :name="!detail.is_like ? icon_dianzan1 : icon_dianzan2" size="1.2rem" style="vertical-align: bottom;" />
                 {{ detail.like_num }}
               </span>
             </div>
@@ -145,6 +144,12 @@ const setComment = () => {
     color: #713610;
     padding: 1rem;
     padding-bottom: 0.5rem;
+    .avatar {
+      vertical-align: middle;
+    }
+    .text {
+      font-size: 1.05rem;vertical-align: middle; display: inline-block; padding-left: 1rem;
+    }
   }
 }
 </style>

+/*
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-05-18 14:31:26
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-05-30 10:18:19
+ * @FilePath: /tswj/src/composables/useDefaultPerf.js
+ * @Description: 
+ */
 import { ref } from 'vue'
 import axios from '@/utils/axios';
 import { Toast } from 'vant';
 
+/**
+ * @description: 获取默认儿童信息
+ * @param {*} bookId
+ * @param {*} params
+ * @param {*} avatar
+ * @param {*} name
+ * @param {*} price
+ * @param {*} user_id
+ * @param {*} perf_id
+ * @param {*} perf_name
+ * @param {*} can_upload
+ * @param {*} can_upload
+ * @param {*} can_upload
+ * @param {*} message
+ * @return {*}
+ */
 export const useDefaultPerf = (bookId) => {
   // 金数据准备数据
   const userInfo = ref({})
 
-  /**
-  * 获取默认儿童信息
-  * @returns name, perf_id, kg_id
-  */
   axios.get('/srv/?a=default_perf', {
     params: {
       book_id: bookId

+/*
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-05-28 22:31:25
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-05-30 10:18:09
+ * @FilePath: /tswj/src/hooks/useDebounce.js
+ * @Description: 
+ */
 import _ from 'lodash';
 /**
  * 封装lodash防抖