Hooke / tswj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
69e3ffe6 1 parent 241e720b

🌈 style:

Inline Side-by-side
Showing 3 changed files with 42 additions and 9 deletions
...@@ -5,19 +5,18 @@ ...@@ -5,19 +5,18 @@
5 <div class="video-bar"> 5 <div class="video-bar">
6 <van-row> 6 <van-row>
7 <van-col span="12" @click="goTo"> 7 <van-col span="12" @click="goTo">
8 - <van-image round width="2rem" height="2rem" style="vertical-align: middle;" :src="item.avatar ? item.avatar : icon_avatar" /> 8 + <van-image round width="2rem" height="2rem" class="avatar" :src="item.avatar ? item.avatar : icon_avatar" />
9 - <span style="font-size: 1.05rem;vertical-align: middle; display: inline-block; padding-left: 1rem;">{{ item.name }}</span> 9 + <span class="text">{{ item.name }}</span>
10 </van-col> 10 </van-col>
11 <van-col span="12"> 11 <van-col span="12">
12 - <div style="padding: 0.25rem; padding-top: 0.75rem; text-align: right;"> 12 + <div style="padding: 0.25rem; padding-top: 0.5rem; text-align: right;">
13 <span @click="setComment"> 13 <span @click="setComment">
14 <van-icon :name="icon_liuyan" size="1.2rem" style="vertical-align: bottom;" /> 14 <van-icon :name="icon_liuyan" size="1.2rem" style="vertical-align: bottom;" />
15 {{ item.comment_num }} 15 {{ item.comment_num }}
16 </span> 16 </span>
17 &nbsp;&nbsp;&nbsp; 17 &nbsp;&nbsp;&nbsp;
18 <span @click="handleAction('like', detail.id)"> 18 <span @click="handleAction('like', detail.id)">
19 - <van-icon v-if="!detail.is_like" :name="icon_dianzan1" size="1.2rem" style="vertical-align: bottom;" /> 19 + <van-icon :name="!detail.is_like ? icon_dianzan1 : icon_dianzan2" size="1.2rem" style="vertical-align: bottom;" />
20 - <van-icon v-else :name="icon_dianzan2" size="1.2rem" style="vertical-align: bottom;" />
21 {{ detail.like_num }} 20 {{ detail.like_num }}
22 </span> 21 </span>
23 </div> 22 </div>
...@@ -145,6 +144,12 @@ const setComment = () => { ...@@ -145,6 +144,12 @@ const setComment = () => {
145 color: #713610; 144 color: #713610;
146 padding: 1rem; 145 padding: 1rem;
147 padding-bottom: 0.5rem; 146 padding-bottom: 0.5rem;
147 + .avatar {
148 + vertical-align: middle;
149 + }
150 + .text {
151 + font-size: 1.05rem;vertical-align: middle; display: inline-block; padding-left: 1rem;
152 + }
148 } 153 }
149 } 154 }
150 </style> 155 </style>
......
1 +/*
2 + * @Author: hookehuyr hookehuyr@gmail.com
3 + * @Date: 2022-05-18 14:31:26
4 + * @LastEditors: hookehuyr hookehuyr@gmail.com
5 + * @LastEditTime: 2022-05-30 10:18:19
6 + * @FilePath: /tswj/src/composables/useDefaultPerf.js
7 + * @Description:
8 + */
1 import { ref } from 'vue' 9 import { ref } from 'vue'
2 import axios from '@/utils/axios'; 10 import axios from '@/utils/axios';
3 import { Toast } from 'vant'; 11 import { Toast } from 'vant';
4 12
13 +/**
14 + * @description: 获取默认儿童信息
15 + * @param {*} bookId
16 + * @param {*} params
17 + * @param {*} avatar
18 + * @param {*} name
19 + * @param {*} price
20 + * @param {*} user_id
21 + * @param {*} perf_id
22 + * @param {*} perf_name
23 + * @param {*} can_upload
24 + * @param {*} can_upload
25 + * @param {*} can_upload
26 + * @param {*} message
27 + * @return {*}
28 + */
5 export const useDefaultPerf = (bookId) => { 29 export const useDefaultPerf = (bookId) => {
6 // 金数据准备数据 30 // 金数据准备数据
7 const userInfo = ref({}) 31 const userInfo = ref({})
8 32
9 - /**
10 - * 获取默认儿童信息
11 - * @returns name, perf_id, kg_id
12 - */
13 axios.get('/srv/?a=default_perf', { 33 axios.get('/srv/?a=default_perf', {
14 params: { 34 params: {
15 book_id: bookId 35 book_id: bookId
......
1 +/*
2 + * @Author: hookehuyr hookehuyr@gmail.com
3 + * @Date: 2022-05-28 22:31:25
4 + * @LastEditors: hookehuyr hookehuyr@gmail.com
5 + * @LastEditTime: 2022-05-30 10:18:09
6 + * @FilePath: /tswj/src/hooks/useDebounce.js
7 + * @Description:
8 + */
1 import _ from 'lodash'; 9 import _ from 'lodash';
2 /** 10 /**
3 * 封装lodash防抖 11 * 封装lodash防抖
......