style(CourseDetailPage): 调整联系人列表样式,增大文字和二维码尺寸
将联系人姓名和电话的文字大小从sm调整为base,二维码尺寸从w-5 h-5增大到w-10 h-10
Showing
1 changed file
with
4 additions
and
4 deletions
| ... | @@ -354,19 +354,19 @@ | ... | @@ -354,19 +354,19 @@ |
| 354 | <ul class="mt-2 divide-y divide-gray-200"> | 354 | <ul class="mt-2 divide-y divide-gray-200"> |
| 355 | <li v-for="(c, idx) in consult_contacts" :key="idx" class="flex items-center justify-between py-2"> | 355 | <li v-for="(c, idx) in consult_contacts" :key="idx" class="flex items-center justify-between py-2"> |
| 356 | <div class="flex items-center"> | 356 | <div class="flex items-center"> |
| 357 | - <a class="text-gray-800 text-sm mr-3" :href="`tel:${c.phone}`" @click.prevent="call_phone(c.phone)">{{ c.name }}</a> | 357 | + <a class="text-gray-800 text-base mr-3" :href="`tel:${c.phone}`" @click.prevent="call_phone(c.phone)">{{ c.name }}</a> |
| 358 | <img | 358 | <img |
| 359 | v-if="c?.qrcode" | 359 | v-if="c?.qrcode" |
| 360 | :src="build_og_image_url(c.qrcode)" | 360 | :src="build_og_image_url(c.qrcode)" |
| 361 | alt="联系人二维码" | 361 | alt="联系人二维码" |
| 362 | - class="w-5 h-5 object-contain rounded cursor-pointer" | 362 | + class="w-10 h-10 object-contain rounded cursor-pointer" |
| 363 | @click="open_contact_qr_preview(c.qrcode)" | 363 | @click="open_contact_qr_preview(c.qrcode)" |
| 364 | /> | 364 | /> |
| 365 | </div> | 365 | </div> |
| 366 | - <a class="text-green-600 text-sm" :href="`tel:${c.phone}`" @click.prevent="call_phone(c.phone)">{{ c.phone }}</a> | 366 | + <a class="text-green-600 text-base" :href="`tel:${c.phone}`" @click.prevent="call_phone(c.phone)">{{ c.phone }}</a> |
| 367 | </li> | 367 | </li> |
| 368 | </ul> | 368 | </ul> |
| 369 | - <div class="text-xs text-gray-500 mt-2">点击二维码可查看大图</div> | 369 | + <div class="text-xs text-gray-500 mt-2">点击图片可查看大图</div> |
| 370 | </div> | 370 | </div> |
| 371 | 371 | ||
| 372 | <!-- 底部关闭按钮(唯一操作) --> | 372 | <!-- 底部关闭按钮(唯一操作) --> | ... | ... |
-
Please register or login to post a comment